(window.webpackJsonp_N_E=window.webpackJsonp_N_E||[]).push([[16],{"3DQM":function(e,i,a){"use strict";var t=a("cpVT"),n=a("MX0m"),s=a.n(n),o=a("q1tI"),c=a.n(o),l=a("3YpY"),r=c.a.createElement,g=function(e){var i=e.active,a=e.firstBanner,t=e.secondBanner;return r(c.a.Fragment,null,r("div",{className:s.a.dynamic([["1958365218",[a?"background-image: url(".concat(a.image_url,");"):"",t?"background-image: url(".concat(t.image_url,");"):"",a?"background-image: url(".concat(a.mobile_image_url,");"):"",t?"background-image: url(".concat(t.mobile_image_url,");"):""]]])+" "+"navigation__highlights ".concat(i?"visible":"")},a&&r("div",{className:s.a.dynamic([["1958365218",[a?"background-image: url(".concat(a.image_url,");"):"",t?"background-image: url(".concat(t.image_url,");"):"",a?"background-image: url(".concat(a.mobile_image_url,");"):"",t?"background-image: url(".concat(t.mobile_image_url,");"):""]]])+" card__highlight first"},r("a",{href:a.link?a.link:"javascript:;",className:s.a.dynamic([["1958365218",[a?"background-image: url(".concat(a.image_url,");"):"",t?"background-image: url(".concat(t.image_url,");"):"",a?"background-image: url(".concat(a.mobile_image_url,");"):"",t?"background-image: url(".concat(t.mobile_image_url,");"):""]]])},r("div",{className:s.a.dynamic([["1958365218",[a?"background-image: url(".concat(a.image_url,");"):"",t?"background-image: url(".concat(t.image_url,");"):"",a?"background-image: url(".concat(a.mobile_image_url,");"):"",t?"background-image: url(".concat(t.mobile_image_url,");"):""]]])+" card__highlight__img"}),a.title&&r("div",{className:s.a.dynamic([["1958365218",[a?"background-image: url(".concat(a.image_url,");"):"",t?"background-image: url(".concat(t.image_url,");"):"",a?"background-image: url(".concat(a.mobile_image_url,");"):"",t?"background-image: url(".concat(t.mobile_image_url,");"):""]]])+" card__highlight__content"},r("div",{style:{color:a.text_color},className:s.a.dynamic([["1958365218",[a?"background-image: url(".concat(a.image_url,");"):"",t?"background-image: url(".concat(t.image_url,");"):"",a?"background-image: url(".concat(a.mobile_image_url,");"):"",t?"background-image: url(".concat(t.mobile_image_url,");"):""]]])+" card__highlight__text"},r("span",{className:s.a.dynamic([["1958365218",[a?"background-image: url(".concat(a.image_url,");"):"",t?"background-image: url(".concat(t.image_url,");"):"",a?"background-image: url(".concat(a.mobile_image_url,");"):"",t?"background-image: url(".concat(t.mobile_image_url,");"):""]]])},a.title),r("i",{className:s.a.dynamic([["1958365218",[a?"background-image: url(".concat(a.image_url,");"):"",t?"background-image: url(".concat(t.image_url,");"):"",a?"background-image: url(".concat(a.mobile_image_url,");"):"",t?"background-image: url(".concat(t.mobile_image_url,");"):""]]])+" "+"icon-next ".concat("#FDFDFD"==a.text_color?"":"dark-mode")}))))),t&&r("div",{className:s.a.dynamic([["1958365218",[a?"background-image: url(".concat(a.image_url,");"):"",t?"background-image: url(".concat(t.image_url,");"):"",a?"background-image: url(".concat(a.mobile_image_url,");"):"",t?"background-image: url(".concat(t.mobile_image_url,");"):""]]])+" card__highlight second"},r("a",{href:t.link?t.link:"javascript:;",className:s.a.dynamic([["1958365218",[a?"background-image: url(".concat(a.image_url,");"):"",t?"background-image: url(".concat(t.image_url,");"):"",a?"background-image: url(".concat(a.mobile_image_url,");"):"",t?"background-image: url(".concat(t.mobile_image_url,");"):""]]])},r("div",{className:s.a.dynamic([["1958365218",[a?"background-image: url(".concat(a.image_url,");"):"",t?"background-image: url(".concat(t.image_url,");"):"",a?"background-image: url(".concat(a.mobile_image_url,");"):"",t?"background-image: url(".concat(t.mobile_image_url,");"):""]]])+" card__highlight__img"}),t.title&&r("div",{className:s.a.dynamic([["1958365218",[a?"background-image: url(".concat(a.image_url,");"):"",t?"background-image: url(".concat(t.image_url,");"):"",a?"background-image: url(".concat(a.mobile_image_url,");"):"",t?"background-image: url(".concat(t.mobile_image_url,");"):""]]])+" card__highlight__content"},r("div",{style:{color:t.text_color},className:s.a.dynamic([["1958365218",[a?"background-image: url(".concat(a.image_url,");"):"",t?"background-image: url(".concat(t.image_url,");"):"",a?"background-image: url(".concat(a.mobile_image_url,");"):"",t?"background-image: url(".concat(t.mobile_image_url,");"):""]]])+" card__highlight__text"},r("span",{className:s.a.dynamic([["1958365218",[a?"background-image: url(".concat(a.image_url,");"):"",t?"background-image: url(".concat(t.image_url,");"):"",a?"background-image: url(".concat(a.mobile_image_url,");"):"",t?"background-image: url(".concat(t.mobile_image_url,");"):""]]])},t.title),r("i",{className:s.a.dynamic([["1958365218",[a?"background-image: url(".concat(a.image_url,");"):"",t?"background-image: url(".concat(t.image_url,");"):"",a?"background-image: url(".concat(a.mobile_image_url,");"):"",t?"background-image: url(".concat(t.mobile_image_url,");"):""]]])+" "+"icon-next ".concat("#FDFDFD"==t.text_color?"":"dark-mode")})))))),r(s.a,{id:"1958365218",dynamic:[a?"background-image: url(".concat(a.image_url,");"):"",t?"background-image: url(".concat(t.image_url,");"):"",a?"background-image: url(".concat(a.mobile_image_url,");"):"",t?"background-image: url(".concat(t.mobile_image_url,");"):""]},[".navigation__highlights.__jsx-style-dynamic-selector{width:100%;}",".card__highlight.__jsx-style-dynamic-selector{margin:0 30px 30px;}",".card__highlight.__jsx-style-dynamic-selector{max-width:100%;height:100%;position:relative;}",".card__highlight.__jsx-style-dynamic-selector .card__highlight__img.__jsx-style-dynamic-selector{position:absolute;height:100%;width:100%;background-position:center;background-repeat:no-repeat;background-size:cover;}",".card__highlight.first.__jsx-style-dynamic-selector .card__highlight__img.__jsx-style-dynamic-selector{".concat(a?"background-image: url(".concat(a.image_url,");"):"",";}"),".card__highlight.second.__jsx-style-dynamic-selector .card__highlight__img.__jsx-style-dynamic-selector{".concat(t?"background-image: url(".concat(t.image_url,");"):"",";}"),".card__highlight.__jsx-style-dynamic-selector .card__highlight__content.__jsx-style-dynamic-selector{position:absolute;width:100%;height:100%;cursor:pointer;}",'.card__highlight.__jsx-style-dynamic-selector .card__highlight__content.__jsx-style-dynamic-selector .card__highlight__text.__jsx-style-dynamic-selector{bottom:0.8rem;position:absolute;padding:12px;text-transform:uppercase;background:transparent;font-family:"vprioth-cond";font-size:19px;font-weight:600;-webkit-letter-spacing:0.1rem;-moz-letter-spacing:0.1rem;-ms-letter-spacing:0.1rem;letter-spacing:0.1rem;width:100%;}',".card__highlight.__jsx-style-dynamic-selector .card__highlight__content.__jsx-style-dynamic-selector .card__highlight__text.__jsx-style-dynamic-selector span.__jsx-style-dynamic-selector{display:inline-block;}",'.card__highlight.__jsx-style-dynamic-selector .card__highlight__content.__jsx-style-dynamic-selector .card__highlight__text.__jsx-style-dynamic-selector .icon-next.__jsx-style-dynamic-selector{display:inline-block;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCAyNSA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjU3NjU1IDQxLjMwNDNDMi40NTUyMyA0Mi4xNDExIDMuODc5ODUgNDIuMTQxMSA0Ljc1ODUzIDQxLjMwNDNMMjMuNTM4OSAyMy40MTgyQzIzLjU4NTcgMjMuMzczNiAyMy42Mjk3IDIzLjMyNzUgMjMuNjcxIDIzLjI3OTlMMjMuNzcyMyAyMy4xODM0QzI0LjU3MjIgMjIuNDIxNyAyNC41NzIyIDIxLjE4NjYgMjMuNzcyMyAyMC40MjQ4TDQuOTEyNTYgMi40NjMxM0M0LjAzMzg4IDEuNjI2MjkgMi42MDkyNiAxLjYyNjI5IDEuNzMwNTggMi40NjMxM0MwLjg1MTg5OCAzLjI5OTk3IDAuODUxODk4IDQuNjU2NzUgMS43MzA1OCA1LjQ5MzU5TDE4Ljg2MzIgMjEuODEwM0wxLjU3NjU1IDM4LjI3MzhDMC42OTc4NjkgMzkuMTEwNiAwLjY5Nzg2OCA0MC40Njc0IDEuNTc2NTUgNDEuMzA0M1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=");width:20px;height:24px;right:12px;position:absolute;background-size:contain;background-repeat:no-repeat;}','.card__highlight.__jsx-style-dynamic-selector .card__highlight__content.__jsx-style-dynamic-selector .card__highlight__text.__jsx-style-dynamic-selector .icon-next.dark-mode.__jsx-style-dynamic-selector{background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjQuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNSA0MiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjUgNDI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMS42LDQxLjNjMC45LDAuOCwyLjMsMC44LDMuMiwwbDE4LjgtMTcuOWMwLDAsMC4xLTAuMSwwLjEtMC4xbDAuMS0wLjFjMC44LTAuOCwwLjgtMiwwLTIuOEw0LjksMi41CglDNCwxLjYsMi42LDEuNiwxLjcsMi41Yy0wLjksMC44LTAuOSwyLjIsMCwzbDE3LjEsMTYuM0wxLjYsMzguM0MwLjcsMzkuMSwwLjcsNDAuNSwxLjYsNDEuM3oiLz4KPC9zdmc+Cg==");}',"@media only screen and (min-width:1024px){.navigation__highlights.__jsx-style-dynamic-selector{position:relative;left:auto;top:0;bottom:0;z-index:1;height:520px;display:none;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:calc(76.5% - 3rem);margin-left:1.5rem;margin-right:1.5rem;}.navigation__highlights.visible.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.card__highlight.__jsx-style-dynamic-selector{position:relative;margin:0 30px 0 0;width:50%;height:100%;min-width:386px;}.navigation__highlights.__jsx-style-dynamic-selector .card__highlight.__jsx-style-dynamic-selector:last-child{margin:0;}.card__highlight.__jsx-style-dynamic-selector .card__highlight__img.__jsx-style-dynamic-selector{border-radius:1rem;}}","@media only screen and (max-width:1023px){.card__highlight.__jsx-style-dynamic-selector{padding-top:75%;}.card__highlight.__jsx-style-dynamic-selector .card__highlight__img.__jsx-style-dynamic-selector,.card__highlight.__jsx-style-dynamic-selector .card__highlight__content.__jsx-style-dynamic-selector{top:0;padding-top:75%;height:75%;}.card__highlight.first.__jsx-style-dynamic-selector .card__highlight__img.__jsx-style-dynamic-selector{".concat(a?"background-image: url(".concat(a.mobile_image_url,");"):"",";}.card__highlight.second.__jsx-style-dynamic-selector .card__highlight__img.__jsx-style-dynamic-selector{").concat(t?"background-image: url(".concat(t.mobile_image_url,");"):"",";}}")]))},m=a("VX74"),_=a("4gQ6"),u=a("YFqc"),d=a.n(u),b=a("kxlo"),x=c.a.createElement,j=Object(_.a)((function(e){var i=e.active,a=e.activeMenu,t=e.isMobileVer,n=e.handleActiveMenu,o=e.setOpen,l=e.highlightCards,r=Object(m.useQuery)(b.a),g=r.data,_=(r.loading,[{name:"Discover",lists:[{url:"/news-promotion",label:"\u0e02\u0e48\u0e32\u0e27\u0e2a\u0e32\u0e23 / \u0e42\u0e1b\u0e23\u0e42\u0e21\u0e0a\u0e31\u0e19"},{url:"/finance",label:"\u0e15\u0e32\u0e23\u0e32\u0e07\u0e1c\u0e48\u0e2d\u0e19\u0e0a\u0e4d\u0e32\u0e23\u0e30 / \u0e04\u0e4d\u0e32\u0e19\u0e27\u0e13\u0e04\u0e48\u0e32\u0e07\u0e27\u0e14"},{url:"/find-dealer",label:"\u0e15\u0e31\u0e27\u0e41\u0e17\u0e19\u0e08\u0e4d\u0e32\u0e2b\u0e19\u0e48\u0e32\u0e22"},{url:"/faq",label:"\u0e04\u0e33\u0e16\u0e32\u0e21\u0e17\u0e35\u0e48\u0e1e\u0e1a\u0e1a\u0e48\u0e2d\u0e22"}]},{name:"Accessories",lists:[{url:"/news-promotion/vespa-accessories-package",label:"By Model"},{url:"/news-promotion/vespa-accessories-package",label:"Package Set"}]},{name:"Contact",lists:[{url:"mailto:info@vespiario.com",label:"Corporate: info@vespiario.com",hrefLink:!0},{url:"https://lin.ee/pyfkWB",label:"After-sale Service",hrefLink:!0}]}]);return x(c.a.Fragment,null,t?x(c.a.Fragment,null,x("div",{className:"jsx-491051088 "+"navigation_mb__menu-nested models ".concat(i&&"Models"===a?"visible":"")},x("button",{type:"button",onClick:function(){return n(a)},className:"jsx-491051088 navigation_mb__menu-nested__back button"},x("span",{className:"jsx-491051088 ico-arr ico-arr-left"})," ",a),x("div",{className:"jsx-491051088 listing"},x("ul",{className:"jsx-491051088 listing__items"},g&&g.models.map((function(e,i){return e.nav_image_url&&x("li",{key:"model-".concat(i),onClick:function(){return o(!1)},className:"jsx-491051088 listing__item"},x("a",{href:"/".concat(e.slug),className:"jsx-491051088"},x("div",{className:"jsx-491051088"},x("div",{className:"jsx-491051088 card-model__img"},x("img",{src:e.nav_image_url,className:"jsx-491051088"})),x("p",{className:"jsx-491051088"},x("span",{className:"jsx-491051088 card-model__name"},e.name)))))}))))),x("div",{className:"jsx-491051088 "+"navigation_mb__menu-nested ".concat(i&&"Models"!==a?"visible":"")},x("button",{type:"button",onClick:function(){return n(a)},className:"jsx-491051088 navigation_mb__menu-nested__back button"},x("span",{className:"jsx-491051088 ico-arr ico-arr-left"})," ",a),x("div",{className:"jsx-491051088 navigation_mb__menu-nested__menu"},_.map((function(e,i){return x("ul",{key:"sub-".concat(i),className:"jsx-491051088 "+"Sub_navigation ".concat(a===e.name?"visible":"")},e.lists.map((function(e,i){return x("li",{key:"sub-detail-".concat(i),"data-adobe_text":"menu-btn-".concat(e.label),className:"jsx-491051088"},e.hrefLink?x("a",{"data-adobe_text":"menu-btn-".concat(e.label),href:e.url,target:"_blank",className:"jsx-491051088 navigation__menu-nested__item"},e.label):x(d.a,{href:e.url},x("span",{"data-adobe_text":"menu-btn-".concat(e.label),className:"jsx-491051088 navigation__menu-nested__item"},e.label)))})))}))))):x(c.a.Fragment,null,x("div",{className:"jsx-491051088 "+"navigation__menu-nested models ".concat(i&&"Models"===a?"visible":"")},x("div",{className:"jsx-491051088 listing"},x("ul",{className:"jsx-491051088 listing__items"},g&&g.models.map((function(e,i){return e.nav_image_url&&x("li",{key:"model-".concat(i),onClick:function(){return o(!1)},className:"jsx-491051088 listing__item"},x("a",{href:"/".concat(e.slug),className:"jsx-491051088"},x("div",{className:"jsx-491051088"},x("div",{className:"jsx-491051088 card-model__img"},x("img",{src:e.nav_image_url,className:"jsx-491051088"})),x("p",{className:"jsx-491051088"},x("span",{className:"jsx-491051088 card-model__name"},e.name)))))}))))),x("div",{className:"jsx-491051088 "+"navigation__menu-nested ".concat(i&&"Models"!==a?"visible":"")},x("div",{className:"jsx-491051088 navigation__menu-nested__menu"},_.map((function(e,i){return x("ul",{key:"sub-".concat(i),className:"jsx-491051088 "+"Sub_navigation ".concat(a===e.name?"visible":"")},e.lists.map((function(e,i){return x("li",{key:"sub-detail-".concat(i),"data-adobe_text":"menu-btn-".concat(e.label),className:"jsx-491051088"},e.hrefLink?x("a",{href:e.url,target:"_blank","data-adobe_text":"menu-btn-".concat(e.label),className:"jsx-491051088 navigation__menu-nested__item"},e.label):x(d.a,{href:e.url},x("span",{"data-adobe_text":"menu-btn-".concat(e.label),className:"jsx-491051088 navigation__menu-nested__item"},e.label)))})))}))),l.map((function(e,i){return x("div",{key:i,className:"jsx-491051088 "+"card__highlight ".concat(e.subMenu===a?"visible":"")},x("a",{href:e.link?e.link:"javascript:;",className:"jsx-491051088"},x("div",{style:{backgroundImage:"url(".concat(e.image_url,")")},className:"jsx-491051088 card__highlight__img"}),e.title&&x("div",{className:"jsx-491051088 card__highlight__content"},x("div",{style:{color:e.text_color},className:"jsx-491051088 card__highlight__text"},x("span",{className:"jsx-491051088"},e.title),x("i",{className:"jsx-491051088 "+"icon-next ".concat("#FDFDFD"==e.text_color?"":"dark-mode")})))))})))),x(s.a,{id:"491051088"},[".navigation__menu-nested.jsx-491051088{position:relative;left:auto;top:0;bottom:0;z-index:1;width:75%;height:520px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:calc(75% - 3rem);margin-left:1.5rem;margin-right:1.5rem;display:none;}",".navigation__menu-nested.visible.jsx-491051088{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",".navigation__menu-nested__menu.jsx-491051088{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:unset;-webkit-box-align:unset;-ms-flex-align:unset;align-items:unset;max-width:50%;padding-bottom:0;}",".navigation__menu-nested__menu.jsx-491051088 ul.jsx-491051088{position:relative;}",'.navigation__menu-nested__menu.jsx-491051088 ul.jsx-491051088:before{content:"";width:2px;position:absolute;left:-2px;top:0;bottom:0;background-color:#38a385;}','.navigation__menu-nested__menu.jsx-491051088 ul.jsx-491051088 li.jsx-491051088 .navigation__menu-nested__item.jsx-491051088{color:#000;font-family:"vprioth";font-size:14px;line-height:1.5;font-weight:400;text-transform:uppercase;font-style:normal;padding:13px 30px;display:block;position:relative;-webkit-text-decoration:none;text-decoration:none;width:100%;-webkit-letter-spacing:-1px;-moz-letter-spacing:-1px;-ms-letter-spacing:-1px;letter-spacing:-1px;cursor:pointer;}',".card__highlight.jsx-491051088{position:relative;margin:0 30px 0 0;width:50%;height:100%;display:none;max-width:386px;}",".card__highlight.visible.jsx-491051088{display:block;}",".navigation__highlights.jsx-491051088 .card__highlight.jsx-491051088:last-child{margin:0;}",".card__highlight.jsx-491051088 .card__highlight__img.jsx-491051088{position:absolute;height:100%;width:100%;background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:1rem;}",".card__highlight.jsx-491051088 .card__highlight__content.jsx-491051088{position:absolute;width:100%;height:100%;cursor:pointer;}",'.card__highlight.jsx-491051088 .card__highlight__content.jsx-491051088 .card__highlight__text.jsx-491051088{bottom:0.8rem;position:absolute;padding:12px;text-transform:uppercase;background:transparent;font-family:"vprioth-cond";font-size:19px;font-weight:600;-webkit-letter-spacing:0.2rem;-moz-letter-spacing:0.2rem;-ms-letter-spacing:0.2rem;letter-spacing:0.2rem;}',".Sub_navigation.jsx-491051088{display:none;}",".Sub_navigation.visible.jsx-491051088{display:block;}",".listing.jsx-491051088{position:relative;height:100%;}",".listing__items.jsx-491051088{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;}",".listing__items.jsx-491051088 .listing__item.jsx-491051088{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:calc(33.33333% - 3rem);margin-left:1.5rem;margin-right:1.5rem;margin-bottom:1.5rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;}",".listing__item.jsx-491051088 .card-model__img.jsx-491051088 img.jsx-491051088{display:block;background-color:transparent;width:100%;height:auto;position:relative;-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);}",'.listing__item.jsx-491051088 .card-model__name.jsx-491051088{text-transform:uppercase;text-align:center;font-family:"vprioth-cond";font-size:18px;line-height:18px;font-weight:400;color:#177ba6;display:block;}',".navigation_mb__menu-nested.jsx-491051088{width:100%;height:100%;overflow-y:auto;opacity:0;-webkit-transform:translate3d(200%,0,0);-ms-transform:translate3d(200%,0,0);transform:translate3d(200%,0,0);-webkit-transition:-webkit-transform 0.3s linear,opacity 0.2s;-webkit-transition:transform 0.3s linear,opacity 0.2s;transition:transform 0.3s linear,opacity 0.2s;}",".navigation_mb__menu-nested.visible.jsx-491051088{opacity:1;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}",".navigation_mb__menu-nested.models.jsx-491051088{height:0;padding-top:80px;}",".navigation_mb__menu-nested.models.visible.jsx-491051088{height:100%;}",'.navigation_mb__menu-nested.jsx-491051088 .navigation_mb__menu-nested__back.jsx-491051088{font-family:"vprioth-cond";font-size:24px;line-height:1;font-style:normal;text-transform:uppercase;display:block;position:relative;-webkit-text-decoration:none;text-decoration:none;text-align:left;padding:20px 60px;background:transparent;color:#000;margin-bottom:20px;border:unset;cursor:pointer;}',".navigation_mb__menu-nested.jsx-491051088 .navigation_mb__menu-nested__back.jsx-491051088 .ico-arr.jsx-491051088{position:absolute;font-size:0px;width:14px;height:18px;background-repeat:no-repeat;background-position:left center;background-size:auto 90%;}",".navigation_mb__menu-nested.jsx-491051088 .navigation_mb__menu-nested__back.jsx-491051088 .ico-arr-left.jsx-491051088{left:30px;top:24px;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iNDEiIHZpZXdCb3g9IjAgMCAyNSA0MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMy41ODIyIDAuNjk1NzQ0QzIyLjcwMzUgLTAuMTQxMDk1IDIxLjI3ODkgLTAuMTQxMDk0IDIwLjQwMDIgMC42OTU3NDRMMS42MTk4NCAxOC41ODE4QzEuNTczMDkgMTguNjI2NCAxLjUyOTA4IDE4LjY3MjUgMS40ODc4IDE4LjcyMDFMMS4zODY0NiAxOC44MTY2QzAuNTg2NTk1IDE5LjU3ODMgMC41ODY1OTUgMjAuODEzNCAxLjM4NjQ2IDIxLjU3NTJMMjAuMjQ2MiAzOS41MzY5QzIxLjEyNDkgNDAuMzczNyAyMi41NDk1IDQwLjM3MzcgMjMuNDI4MiAzOS41MzY5QzI0LjMwNjkgMzguNyAyNC4zMDY5IDM3LjM0MzMgMjMuNDI4MiAzNi41MDY0TDYuMjk1NiAyMC4xODk3TDIzLjU4MjIgMy43MjYyQzI0LjQ2MDkgMi44ODkzNyAyNC40NjA5IDEuNTMyNTggMjMuNTgyMiAwLjY5NTc0NFoiIGZpbGw9IiMxRTFFMjAiLz4KPC9zdmc+Cg==);}",'.navigation_mb__menu-nested__menu.jsx-491051088 ul.jsx-491051088 li.jsx-491051088 .navigation__menu-nested__item.jsx-491051088{font-size:16px;line-height:26px;font-family:"vprioth";font-weight:200;text-transform:uppercase;padding:20px 30px;text-align:left;display:block;position:relative;-webkit-text-decoration:none;text-decoration:none;width:100%;-webkit-letter-spacing:-1px;-moz-letter-spacing:-1px;-ms-letter-spacing:-1px;letter-spacing:-1px;color:#000;cursor:pointer;}',".navigation_mb__menu-nested.jsx-491051088 .listing__items.jsx-491051088 .listing__item.jsx-491051088{width:calc(50% - 3rem);}",'.card__highlight.jsx-491051088 .card__highlight__content.jsx-491051088 .card__highlight__text.jsx-491051088{bottom:0.8rem;position:absolute;padding:12px;text-transform:uppercase;background:transparent;font-family:"vprioth-cond";font-size:19px;font-weight:600;-webkit-letter-spacing:0.2rem;-moz-letter-spacing:0.2rem;-ms-letter-spacing:0.2rem;letter-spacing:0.2rem;width:100%;}',".card__highlight.jsx-491051088 .card__highlight__content.jsx-491051088 .card__highlight__text.jsx-491051088 span.jsx-491051088{display:inline-block;}",'.card__highlight.jsx-491051088 .card__highlight__content.jsx-491051088 .card__highlight__text.jsx-491051088 .icon-next.jsx-491051088{display:inline-block;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCAyNSA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjU3NjU1IDQxLjMwNDNDMi40NTUyMyA0Mi4xNDExIDMuODc5ODUgNDIuMTQxMSA0Ljc1ODUzIDQxLjMwNDNMMjMuNTM4OSAyMy40MTgyQzIzLjU4NTcgMjMuMzczNiAyMy42Mjk3IDIzLjMyNzUgMjMuNjcxIDIzLjI3OTlMMjMuNzcyMyAyMy4xODM0QzI0LjU3MjIgMjIuNDIxNyAyNC41NzIyIDIxLjE4NjYgMjMuNzcyMyAyMC40MjQ4TDQuOTEyNTYgMi40NjMxM0M0LjAzMzg4IDEuNjI2MjkgMi42MDkyNiAxLjYyNjI5IDEuNzMwNTggMi40NjMxM0MwLjg1MTg5OCAzLjI5OTk3IDAuODUxODk4IDQuNjU2NzUgMS43MzA1OCA1LjQ5MzU5TDE4Ljg2MzIgMjEuODEwM0wxLjU3NjU1IDM4LjI3MzhDMC42OTc4NjkgMzkuMTEwNiAwLjY5Nzg2OCA0MC40Njc0IDEuNTc2NTUgNDEuMzA0M1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=");width:20px;height:24px;right:12px;position:absolute;background-size:contain;background-repeat:no-repeat;}','.card__highlight.jsx-491051088 .card__highlight__content.jsx-491051088 .card__highlight__text.jsx-491051088 .icon-next.dark-mode.jsx-491051088{background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjQuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNSA0MiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjUgNDI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMS42LDQxLjNjMC45LDAuOCwyLjMsMC44LDMuMiwwbDE4LjgtMTcuOWMwLDAsMC4xLTAuMSwwLjEtMC4xbDAuMS0wLjFjMC44LTAuOCwwLjgtMiwwLTIuOEw0LjksMi41CglDNCwxLjYsMi42LDEuNiwxLjcsMi41Yy0wLjksMC44LTAuOSwyLjIsMCwzbDE3LjEsMTYuM0wxLjYsMzguM0MwLjcsMzkuMSwwLjcsNDAuNSwxLjYsNDEuM3oiLz4KPC9zdmc+Cg==");}']))})),h=a("jT3O"),p=a("lTCR");function M(){var e=Object(h.a)(["\n    query {\n        menuBanners(limit: 100, offset: 0) {\n            id\n            name\n            title\n            text_color\n            link_type\n            link\n            image_url\n            mobile_image_url\n        }\n    }\n"]);return M=function(){return e},e}var y=a.n(p)()(M()),k=a("p46w"),N=a.n(k),I=c.a.createElement;function f(e,i){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);i&&(t=t.filter((function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable}))),a.push.apply(a,t)}return a}function w(e){for(var i=1;i<arguments.length;i++){var a=null!=arguments[i]?arguments[i]:{};i%2?f(Object(a),!0).forEach((function(i){Object(t.a)(e,i,a[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):f(Object(a)).forEach((function(i){Object.defineProperty(e,i,Object.getOwnPropertyDescriptor(a,i))}))}return e}i.a=Object(_.a)((function(e){var i=e.open,a=e.setOpen,t=["Models","Discover","Accessories","Contact"],n=Object(o.useState)(!0),r=n[0],_=n[1],u=Object(o.useState)(!1),d=u[0],b=u[1],x=Object(o.useState)(""),h=x[0],p=x[1],M=Object(o.useState)(null),k=M[0],f=M[1],v=Object(o.useState)(null),D=v[0],z=v[1],L=Object(o.useState)([]),A=L[0],O=L[1],C=Object(o.useState)(!1),T=(C[0],C[1]),Z=Object(m.useQuery)(y),E=Z.data;Z.error,Z.loading;Object(o.useEffect)((function(){if(E){f(E.menuBanners.find((function(e){return 1==e.id}))),z(E.menuBanners.find((function(e){return 2==e.id})));var e=[],i=E.menuBanners.find((function(e){return 3==e.id}));i&&e.push(w({subMenu:"Discover"},i));var a=E.menuBanners.find((function(e){return 4==e.id}));a&&e.push(w({subMenu:"Accessories"},a));var t=E.menuBanners.find((function(e){return 5==e.id}));t&&e.push(w({subMenu:"Contact"},t)),O(e)}}),[E]);var S=function(e){e===h?(b(!1),_(!0),p("")):(p(e),_(!1),b(!0))};Object(o.useEffect)((function(){i||(b(!1),_(!0),p(""))}),[i]);var Q=Object(o.useState)(!1),U=Q[0],G=Q[1];return Object(o.useEffect)((function(){var e=function(){var e=window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth;G(e<1024)};return window.addEventListener("resize",e),e(),function(){window.removeEventListener("resize",e)}}),[]),Object(o.useEffect)((function(){var e=N.a.get("vcomEcomAccessToken"),i=localStorage.getItem("email");i&&e?T(!0):i&&(localStorage.removeItem("email"),localStorage.removeItem("customer_id"),localStorage.removeItem("customer_name"),localStorage.removeItem("customer_token"),localStorage.removeItem("customer_status"))}),[]),I(c.a.Fragment,null,I("div",{className:"jsx-1243025987 "+"screen-globalnav ".concat(i?"open":"")},U?I(c.a.Fragment,null,I("div",{className:"jsx-1243025987 "+"navigation_mb__content ".concat(d?"invisible":"")},I("div",{className:"jsx-1243025987 navigation_mb__menu"},I("ul",{className:"jsx-1243025987 Main_navigation"},t.map((function(e,i){return I("li",{key:"main-".concat(i),className:"jsx-1243025987"},I("button",{onClick:function(){return S(e)},className:"jsx-1243025987 "+"navigation__menu__item ".concat(e===h?"active":"")},e,I("span",{className:"jsx-1243025987 ico-arr ico-arr-right"})))})))),I(g,{active:r,firstBanner:k,secondBanner:D}),I("div",{className:"jsx-1243025987 navigation_mb__country"},"Thailand")),I(j,{active:d,activeMenu:h,isMobileVer:U,handleActiveMenu:S,setOpen:a})):I(c.a.Fragment,null,I("div",{className:"jsx-1243025987 navigation__country"},I("i",{className:"jsx-1243025987 ico-thailand-flag"})," ",I("span",{className:"jsx-1243025987"},"Thailand")),I("div",{className:"jsx-1243025987 navigation__content"},I("div",{className:"jsx-1243025987 navigation__menu"},I("ul",{className:"jsx-1243025987 Main_navigation"},t.map((function(e,i){return I("li",{key:"main-".concat(i),className:"jsx-1243025987"},I("button",{onClick:function(){return S(e)},className:"jsx-1243025987 "+"navigation__menu__item ".concat(e===h?"active":"")},e))})))),I(g,{active:r,firstBanner:k,secondBanner:D}),I(j,{active:d,activeMenu:h,setOpen:a,highlightCards:A}),i&&I(l.a,null)))),I(s.a,{id:"1243025987"},[".screen-globalnav.jsx-1243025987{width:100vw;height:100vh;opacity:0;background-color:var(--color-white);position:fixed;top:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);-webkit-transition:-webkit-transform 0.1s ease-in,opacity 0.2s;-webkit-transition:transform 0.1s ease-in,opacity 0.2s;transition:transform 0.1s ease-in,opacity 0.2s;will-change:transform,opacity;}",".screen-globalnav.open.jsx-1243025987{opacity:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit-transform 0.2s ease,opacity 0.1s;-webkit-transition:transform 0.2s ease,opacity 0.1s;transition:transform 0.2s ease,opacity 0.1s;}",".screen-globalnav.jsx-1243025987 .navigation__content.jsx-1243025987{width:100%;max-width:1110px;margin:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;height:520px;position:relative;-webkit-transform:translate3d(0,-150%,0);-ms-transform:translate3d(0,-150%,0);transform:translate3d(0,-150%,0);-webkit-transition:-webkit-transform 0.2s 0.1s ease;-webkit-transition:transform 0.2s 0.1s ease;transition:transform 0.2s 0.1s ease;top:38px;}",".screen-globalnav.open.jsx-1243025987 .navigation__content.jsx-1243025987{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}",".navigation__menu.jsx-1243025987{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:calc(25% - 3rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;margin:0 1.5rem;}",".navigation__menu.jsx-1243025987 ul.jsx-1243025987{width:100%;}",".navigation__menu.jsx-1243025987 li.jsx-1243025987{list-style:none;height:auto;}",'.navigation__menu.jsx-1243025987 .navigation__menu__item.jsx-1243025987,.navigation_mb__menu.jsx-1243025987 .navigation__menu__item.jsx-1243025987{display:block;position:relative;-webkit-text-decoration:none;text-decoration:none;width:100%;text-align:left;color:#000;font-weight:500;text-transform:uppercase;font-style:normal;padding:18px 10px;line-height:24px;font-size:20px;font-family:"vprioth-cond";background-color:transparent;cursor:pointer;border:0;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-transition:color 0.2s;transition:color 0.2s;}',".navigation__menu.jsx-1243025987 .navigation__menu__item.active.jsx-1243025987{color:var(--color-mint);}",'.screen-globalnav.jsx-1243025987 .navigation__country.jsx-1243025987{position:absolute;font-size:10px;font-family:"vprioth";text-transform:uppercase;top:80px;color:#000;right:12px;opacity:0;-webkit-transition:opacity 0.2s;transition:opacity 0.2s;}',".screen-globalnav.open.jsx-1243025987 .navigation__country.jsx-1243025987{opacity:1;}",'.navigation__country.jsx-1243025987 .ico-thailand-flag.jsx-1243025987{background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA3MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjcwIiBoZWlnaHQ9IjQwIiBmaWxsPSJ3aGl0ZSIvPgo8cmVjdCB3aWR0aD0iNzAiIGhlaWdodD0iNi42NjY2NyIgZmlsbD0iI0QxMkQxRiIvPgo8cmVjdCB5PSIzMy4zMzMzIiB3aWR0aD0iNzAiIGhlaWdodD0iNi42NjY2NyIgZmlsbD0iI0QxMkQxRiIvPgo8cmVjdCB5PSIxMy4zMzMzIiB3aWR0aD0iNzAiIGhlaWdodD0iMTMuMzMzMyIgZmlsbD0iIzA5MUU5NCIvPgo8L3N2Zz4K");width:24px;height:17px;display:inline-block;background-position:center;background-size:cover;vertical-align:middle;margin:1.5rem 0px;}',".navigation__country.jsx-1243025987 span.jsx-1243025987{padding:1.5rem 1.5rem 1.5rem 0.5rem;display:inline-block;}",".screen-globalnav.jsx-1243025987 .navigation_mb__content.jsx-1243025987{width:100%;height:100%;padding-top:80px;overflow-y:auto;position:relative;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);-webkit-transition:-webkit-transform 0.1s 0.1s ease-in-out;-webkit-transition:transform 0.1s 0.1s ease-in-out;transition:transform 0.1s 0.1s ease-in-out;}",".screen-globalnav.open.jsx-1243025987 .navigation_mb__content.jsx-1243025987{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}",".screen-globalnav.jsx-1243025987 .navigation_mb__content.invisible.jsx-1243025987{display:none;}",".navigation_mb__menu.jsx-1243025987{width:100%;padding:20px 0;}",".navigation_mb__menu.jsx-1243025987 .navigation__menu__item.jsx-1243025987{padding:20px 30px;}",".navigation_mb__menu.jsx-1243025987 .navigation__menu__item.active.jsx-1243025987{color:var(--color-mint);}",".navigation_mb__menu.jsx-1243025987 .navigation__menu__item.jsx-1243025987 .ico-arr.jsx-1243025987{position:absolute;font-size:0px;width:14px;height:18px;background-repeat:no-repeat;background-position:left center;background-size:auto 90%;}",'.navigation_mb__menu.jsx-1243025987 .navigation__menu__item.jsx-1243025987 .ico-arr-right.jsx-1243025987{right:30px;top:22px;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCAyNSA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjU3NjU1IDQxLjMwNDNDMi40NTUyMyA0Mi4xNDExIDMuODc5ODUgNDIuMTQxMSA0Ljc1ODUzIDQxLjMwNDNMMjMuNTM4OSAyMy40MTgyQzIzLjU4NTcgMjMuMzczNiAyMy42Mjk3IDIzLjMyNzUgMjMuNjcxIDIzLjI3OTlMMjMuNzcyMyAyMy4xODM0QzI0LjU3MjIgMjIuNDIxNyAyNC41NzIyIDIxLjE4NjYgMjMuNzcyMyAyMC40MjQ4TDQuOTEyNTYgMi40NjMxM0M0LjAzMzg4IDEuNjI2MjkgMi42MDkyNiAxLjYyNjI5IDEuNzMwNTggMi40NjMxM0MwLjg1MTg5OCAzLjI5OTk3IDAuODUxODk4IDQuNjU2NzUgMS43MzA1OCA1LjQ5MzU5TDE4Ljg2MzIgMjEuODEwM0wxLjU3NjU1IDM4LjI3MzhDMC42OTc4NjkgMzkuMTEwNiAwLjY5Nzg2OCA0MC40Njc0IDEuNTc2NTUgNDEuMzA0M1oiIGZpbGw9IiM1RkE3OTIiLz4KPC9zdmc+Cg==");}','.navigation_mb__country.jsx-1243025987{font-size:10px;font-family:"vprioth";text-transform:uppercase;color:#000;width:100%;text-align:center;margin-top:40px;margin-bottom:80px;}',"@media only screen and (max-width:1023px){.screen-globalnav.open.jsx-1243025987{display:block;}}"]))}))}}]);