1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[19707],{15978:function(a,b,c){(window.__NEXT_P=window.__NEXT_P||[]).push(["/demo/[url]",function(){return c(36370)}])},24370:function(a,b,c){"use strict";c.d(b,{Z:function(){return k}});var d=c(85893),e=c(67294);function f(a,b){for(var c=0;c<b.length;c++){var d=b[c];d.enumerable=d.enumerable||!1,d.configurable=!0,"value"in d&&(d.writable=!0),Object.defineProperty(a,d.key,d)}}var g=function(){"use strict";var a,b,c;function d(){!function(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}(this,d),this.readyPromise=new Promise(function(a){window.AdobeDC?a():document.addEventListener("adobe_dc_view_sdk.ready",function(){a()})}),this.adobeDCView=void 0}return a=d,b=[{key:"ready",value:function(){return this.readyPromise}},{key:"previewFile",value:function(a,b,c,d){var e;return window.location.host.includes("www.mx.com")?e="ad3eb849b3794d8995956bbb539cbd4d":window.location.host.includes("ares.mx.com")?e="53b9d840de364e6f96ce85693111a381":(window.location.host.includes("localhost"),e="4d288b81df384663839cac840a0026dd"),b={clientId:e,defaultViewMode:"FIT_WIDTH",showAnnotationTools:!1,showLeftHandPanel:!1,showPageControls:!1},a&&(b.divId=a),this.adobeDCView=new window.AdobeDC.View(b),this.adobeDCView.previewFile({content:{location:{url:c}},metaData:{fileName:d}},this.viewerConfig)}},{key:"previewFileUsingFilePromise",value:function(a,b,c){this.adobeDCView=new window.AdobeDC.View({clientId:theClientId,divId:a}),this.adobeDCView.previewFile({content:{promise:b},metaData:{fileName:c}},{})}},{key:"registerSaveApiHandler",value:function(){this.adobeDCView.registerCallback(window.AdobeDC.View.Enum.CallbackType.SAVE_API,function(a,b,c){return console.log(a,b,c),new Promise(function(b){setTimeout(function(){b({code:window.AdobeDC.View.Enum.ApiResponseCode.SUCCESS,data:{metaData:Object.assign(a,{updatedAt:new Date().getTime()})}})},2e3)})},{})}},{key:"registerEventsHandler",value:function(){this.adobeDCView.registerCallback(window.AdobeDC.View.Enum.CallbackType.EVENT_LISTENER,function(a){console.log(a)},{enablePDFAnalytics:!0})}}],f(a.prototype,b),c&&f(a,c),d}();function h(a,b){for(var c=0;c<b.length;c++){var d=b[c];d.enumerable=d.enumerable||!1,d.configurable=!0,"value"in d&&(d.writable=!0),Object.defineProperty(a,d.key,d)}}function i(a){return(i=Object.setPrototypeOf?Object.getPrototypeOf:function(a){return a.__proto__||Object.getPrototypeOf(a)})(a)}function j(a,b){return(j=Object.setPrototypeOf||function(a,b){return a.__proto__=b,a})(a,b)}var k=function(a){"use strict";!function(a,b){if("function"!=typeof b&&null!==b)throw new TypeError("Super expression must either be null or a function");a.prototype=Object.create(b&&b.prototype,{constructor:{value:a,writable:!0,configurable:!0}}),b&&j(a,b)}(m,a);var b,c,e,f,k,l=(f=m,k=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(a){return!1}}(),function(){var a,b,c,d,e=i(f);if(k){var g=i(this).constructor;d=Reflect.construct(e,arguments,g)}else d=e.apply(this,arguments);return b=this,(c=d)&&("object"==((a=c)&&"undefined"!=typeof Symbol&&a.constructor===Symbol?"symbol":typeof a)||"function"==typeof c)?c:(function(a){if(void 0===a)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return a})(b)});function m(){return!function(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}(this,m),l.apply(this,arguments)}return b=m,c=[{key:"componentDidMount",value:function(){var a=this,b=new g();console.log(this.props.pdfUrl),b.ready().then(function(){b.previewFile("pdf-div",{},a.props.pdfUrl,a.props.fileName)})}},{key:"render",value:function(){return(0,d.jsx)("div",{id:"pdf-div",className:"full-window-div"})}}],h(b.prototype,c),e&&h(b,e),m}(e.Component)},17443:function(a,b,c){"use strict";var d=c(85893),e=c(99888);c.n(e),c(63189);var f=c(19521);c(65128);var g=c(18970),h=c(48446);function i(){var a,b,c=(a=["\n &.hero-form {\n width: ",";\n margin: auto;\n max-width: 100%;\n background: #f8f9fb;\n box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.1);\n border-radius: 10px;\n text-align: center;\n z-index: 10;\n\n input::placeholder {\n color: transparent;\n }\n\n @media screen and (max-width: 1200px) {\n margin-bottom: 50px;\n }\n\n &.mobile-form {\n position: relative;\n top: 0;\n margin: 20px auto 0 auto;\n }\n\n #form-header {\n text-align: left;\n border-radius: 10px 10px 0 0;\n background: linear-gradient(\n 279deg,\n #9b3fdf 4.21%,\n #0075ff 55.6%,\n #00c3ff 100%\n );\n padding: 0 20px;\n position: relative;\n\n .mx-logo {\n position: absolute;\n top: 25px;\n right: 25px;\n width: 50px;\n opacity: 0.5;\n }\n\n h1,\n h2 {\n font-weight: 300;\n font-size: 34px;\n color: #ffffff;\n font-weight: 600;\n padding: 45px 20px 15px;\n\n @media screen and (max-width: 1050px) {\n font-size: 25px;\n }\n }\n\n p {\n color: white;\n padding: 0 0 20px 20px;\n }\n\n &.no-header-text {\n h1,\n h2 {\n padding: 5px 20px;\n }\n }\n }\n\n form {\n margin: 40px auto;\n position: relative;\n z-index: 10;\n padding: 0 40px !important;\n\n @media screen and (max-width: 1050px) {\n padding: 0 20px;\n }\n\n #marketo-agreement {\n font-weight: 400;\n font-size: 12px;\n line-height: 1.6;\n text-align: center;\n color: #28282a;\n margin: auto;\n\n a {\n color: #0075ff !important;\n }\n }\n\n .mktoButtonWrap {\n width: 100%;\n .mktoButton {\n width: 100%;\n background-color: #2c64ef !important;\n }\n }\n\n .material-field {\n position: relative;\n padding: 10px 0;\n\n @media screen and (max-width: 1050px) {\n width: 100% !important;\n\n .mktoFormCol {\n width: 100% !important;\n }\n }\n\n input,\n select {\n padding: 0 !important;\n height: 50px !important;\n border: none !important;\n border-radius: 0 !important;\n border-bottom: 1px solid #d8d8d8 !important;\n background: #f8f9fb !important;\n }\n select {\n height: 50px !important;\n }\n textarea {\n width: 100% !important;\n }\n\n label {\n top: 15px;\n left: 0 !important;\n position: absolute;\n transition: top 0.2s ease;\n padding: 0 !important;\n }\n\n &.active-input-row {\n label {\n opacity: 0.8 !important;\n top: -7px;\n left: 0 !important;\n position: absolute;\n width: auto !important;\n background: #fff;\n padding: 0 !important;\n color: #0075ff !important;\n font-weight: 600 !important;\n }\n\n input,\n select {\n border: none !important;\n border-bottom: 1px solid #0075ff !important;\n border-radius: 0 !important;\n\n &:active {\n border-bottom: 1px solid #0075ff !important;\n }\n &:focus {\n outline: none !important;\n border: 1px solid red;\n box-shadow: 0 0 10px #719ece;\n }\n }\n }\n &.mktoFormRow:nth-child(odd) {\n margin-right: 0;\n }\n\n &.material-field_country {\n select {\n option {\n color: gray !important;\n }\n }\n }\n }\n }\n }\n\n /* Textarea */\n .textarea-field {\n width: 100% !important;\n padding: 10px 0;\n\n .mktoFormCol {\n label {\n padding: 0 !important;\n margin-bottom: 10px !important;\n }\n textarea {\n font-size: 16px !important;\n width: 100% !important;\n height: 100px !important;\n padding: 15px !important;\n border: 1px solid #e1e1e1 !important;\n border-radius: 4px !important;\n background: #ffffff !important;\n border: 1px solid #e1e1e1 !important;\n border-radius: 4px !important;\n }\n }\n\n &.active-input-row {\n label {\n color: #0075ff !important;\n font-weight: 600 !important;\n }\n }\n }\n\n .mktoFormRow.material-field_mktopersonnotes {\n width: 100% !important;\n height: 150px;\n\n .mktoFormCol,\n .mktoFieldWrap,\n textarea {\n height: 100% !important;\n }\n }\n\n .mktoButtonRow {\n margin: 40px auto 0 !important;\n\n .mktoButtonWrap {\n text-align: center !important;\n\n button.mktoButton {\n border-radius: 100px !important;\n background-color: #0075ff !important;\n font-weight: 600 !important;\n text-transform: initial !important;\n font-size: 15px !important;\n letter-spacing: initial !important;\n width: fit-content !important;\n height: 34px;\n line-height: 1 !important;\n padding: 0 60px !important;\n }\n }\n }\n"],b||(b=a.slice(0)),Object.freeze(Object.defineProperties(a,{raw:{value:Object.freeze(b)}})));return i=function(){return c},c}c(57344);var j=f.default.div.withConfig({componentId:"sc-b10db318-0"})(i(),function(a){var b=a.width;return b?"".concat(b,"px"):"470px"});b.Z=function(a){var b=a.className,c=a.formId,e=a.onSubmit,f=a.header,i=a.width,k=a.fullRow,l=a.submitText,m=a.onLoad,n=a.hideFieldsBefore,o=a.h1Header,p=a.headerParagraph,q=void 0===p?"":p,r=a.PreFormSection,s=a.hideBottomStripe,t=a.customFinePrint;return(0,d.jsxs)(j,{className:"gradient-form hero-form ".concat(void 0===b?"":b),width:i,children:[(0,d.jsxs)("div",{id:"form-header",className:"".concat(f||o||q?"":"no-header-text"),children:[o?(0,d.jsx)("h1",{children:f}):(0,d.jsx)("h2",{children:f}),q&&(0,d.jsx)("p",{children:q})]}),(0,d.jsx)(g.Z,{PreFormSection:r,hideFieldsBefore:n,submitText:l||"Submit",formId:c,onSubmit:e,fullRow:k,bottomStripe:!(void 0!==s&&s),onLoad:function(a){m&&m(a),(0,h.Z)(a)},customFinePrint:t})]})}},65128:function(a,b,c){"use strict";var d=c(85893),e=c(19521);function f(a,b){return b||(b=a.slice(0)),Object.freeze(Object.defineProperties(a,{raw:{value:Object.freeze(b)}}))}
1function g(){var a=f(["\n width: 20px;\n height: 20px;\n margin-right: 10px;\n"]);return g=function(){return a},a}function h(){var a=f(["\n ",";\n min-width: 181px;\n height: 50px;\n padding: 10px 35px;\n font-weight: 700;\n font-size: 14px;\n line-height: 17px;\n text-align: center;\n text-transform: uppercase;\n color: #ffffff;\n background-color: #2c64ef;\n border: none;\n outline: none;\n cursor: pointer;\n letter-spacing: 1px;\n border-radius: 2px;\n position: relative;\n\n &:active {\n opacity: 0.5;\n }\n\n &.fill {\n &::after {\n content: \"","\";\n width: 100%;\n height: 100%;\n position: absolute;\n background: linear-gradient(\n 93.64deg,\n #5ac3f9 -3.34%,\n #9c42f6 68.56%,\n #e14ecc 108.89%\n );\n top: 0;\n left: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n border-radius: 2px;\n transition: opacity 0.25s ease;\n }\n\n &:hover {\n &::after {\n opacity: 1;\n }\n }\n }\n\n &.outline {\n background: none;\n border: 2px solid #000000;\n box-sizing: border-box;\n border-radius: 2px;\n color: #28282a;\n ",";\n\n &::after {\n content: \"","\";\n width: 100%;\n height: 100%;\n position: absolute;\n top: -2px;\n left: -2px;\n display: flex;\n align-items: center;\n justify-content: center;\n border: 2px solid #000000;\n opacity: 0;\n transition: opacity 0.25s ease;\n border-radius: 2px;\n border-image-slice: 1;\n border-image-source: linear-gradient(\n 93.64deg,\n #5ac3f9 -3.34%,\n #9c42f6 68.56%,\n #e14ecc 108.89%\n );\n background: linear-gradient(\n 93.64deg,\n #5ac3f9 -3.34%,\n #9c42f6 68.56%,\n #e14ecc 108.89%\n );\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n\n ",";\n }\n\n &:hover {\n &::after {\n opacity: 1;\n }\n }\n }\n"]);return h=function(){return a},a}var i=e.default.img.withConfig({componentId:"sc-72e8ab59-0"})(g()),j=e.default.button.withConfig({componentId:"sc-72e8ab59-1"})(h(),function(a){return a.icon&&"display: flex; align-items: center;"},function(a){return a.text},function(a){return a.darkMode&&"color: #fff; border: 2px solid #fff;"},function(a){return a.text},function(a){return a.blueGradientHover&&"\n border-image-source: linear-gradient(to bottom,#6cdbe6,#2c64ef); \n background: linear-gradient(to bottom,#6cdbe6,#2c64ef);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n "}),k=function(){for(var a=window.location.pathname.split("/"),b=[],c=0;c<a.length;c++)a[c].length>0&&b.push(a[c]);return b.join("-")||"homepage"};b.Z=function(a){var b=a.text,c=a.black,e=a.offBlack,f=a.gradient,g=a.blueGradientHover,h=a.transparent,l=a.darkMode,m=a.onClick,n=a.id,o=a.icon,p=a.linkTo,q=a.headerApiButton,r=a.className,s=void 0===r?"":r,t={};return c&&(t={background:"black"}),e&&(t={background:"#28282A"}),f&&(t={background:"linear-gradient(225deg, #69cbdb 0%, #3176da 97.95%)"}),p&&"/request-demo/"==p&&(m=function(a){a.preventDefault();var b=window.location.search+"&";"&"==b&&(b="?");var c=k();a.ctrlKey||a.metaKey?window.open(p+b+"referring_page="+c,"_blank"):window.location.href=p+b+"referring_page="+c}),p?(0,d.jsx)("a",{href:p,rel:"noopener noreferrer",children:(0,d.jsxs)(j,{blueGradientHover:g,darkMode:l,className:h?"".concat(s," outline primary-button"):"".concat(s," fill primary-button"),id:n,onClick:m,style:t,icon:o,text:b,children:[o&&(0,d.jsx)(i,{src:o,alt:"icon"}),b]})}):(0,d.jsxs)(j,{blueGradientHover:g,darkMode:l,className:h?"".concat(s," outline primary-button"):"".concat(s," fill primary-button"),id:n,onClick:m,style:t,icon:o,text:b,children:[o&&(0,d.jsx)(i,{src:o,alt:"icon"}),b]})}},36370:function(a,b,c){"use strict";c.r(b),c.d(b,{"__N_SSG":function(){return U},"default":function(){return V}});var d=c(85893),e=c(67294),f=c(19521),g=c(24370),h=c(22004),i=c(85518),j=c(57344),k=c(17443);function l(a,b){return b||(b=a.slice(0)),Object.freeze(Object.defineProperties(a,{raw:{value:Object.freeze(b)}}))}function m(){var a=l(["\n background: #f8f9fb;\n text-align: center;\n position: relative;\n justify-content: flex-start;\n display: flex;\n min-height: 80vh;\n .mobile-title {\n display: none;\n }\n .mobile-header {\n display: none;\n }\n\n @media screen and (max-width: 900px) {\n padding-bottom: 50px;\n height: unset;\n min-height: unset;\n flex-direction: column;\n\n .mobile-title {\n width: 353px;\n margin: 0 auto;\n display: initial;\n font-weight: 700;\n font-size: 21px;\n line-height: 1.3;\n text-align: center;\n color: #000000;\n margin-top: 20px;\n margin-bottom: 30px;\n }\n .mobile-header {\n display: initial;\n font-weight: 400;\n font-size: 16px;\n line-height: 1.8;\n color: #000000;\n }\n }\n"]);return m=function(){return a},a}function n(){var a=l(["\n padding-top: 50px;\n max-width: 100%;\n height: 100%;\n width: 400px;\n position: relative;\n text-align: center;\n display: flex;\n flex-direction: column;\n\n @media screen and (max-width: 900px) {\n padding: 20px 0;\n height: 100px;\n display: block;\n height: unset;\n margin: auto;\n }\n\n #items-wrapper {\n @media screen and (max-width: 900px) {\n width: 100%;\n max-width: 100%;\n display: grid;\n grid-gap: 0;\n row-gap: 0;\n grid-template-columns: 110px;\n grid-auto-flow: column;\n background-color: #fff;\n position: relative;\n padding-top: 10px;\n padding-bottom: 10px;\n justify-content: center;\n }\n }\n\n &.more-sidebar-items {\n #items-wrapper {\n @media screen and (max-width: 900px) {\n justify-content: start;\n overflow: auto;\n overflow-y: hidden;\n }\n }\n\n .selected-arrow {\n display: none;\n }\n }\n"]);return n=function(){return a},a}function o(){var a=l(["\n position: absolute;\n left: 0;\n top: 0;\n content: \"\";\n border-radius: 10px;\n height: 100%;\n width: 8px;\n background: linear-gradient(0deg, #6cdbe6 0%, #2c64ef 100%);\n opacity: 0;\n z-index: 20;\n\n @media screen and (max-width: 900px) {\n height: 6px;\n width: 100%;\n background: linear-gradient(90deg, #6cdbe6 0%, #2c64ef 100%);\n }\n"]);return o=function(){return a},a}function p(){var a=l(["\n display: flex;\n position: relative;\n z-index: 10;\n cursor: pointer;\n display: flex;\n height: 90px;\n align-items: center;\n transition: all 0.2s ease;\n /* margin: 5px 0; */\n padding: 10px 0;\n margin: 5px 0;\n padding-left: 20px;\n margin-left: 20px;\n\n @media screen and (max-width: 900px) {\n padding-left: unset;\n margin-left: unset;\n margin: 0 10px;\n width: 101px;\n max-width: 100%;\n height: auto;\n display: inline;\n }\n\n .selected-arrow {\n @media screen and (max-width: 900px) {\n display: inline;\n position: absolute;\n width: 0;\n height: 0;
1\n border-width: 20px 20px 0 20px;\n border-color: #fff transparent transparent;\n border-style: solid;\n bottom: -25px;\n left: 30px;\n opacity: 0;\n z-index: 10;\n }\n }\n\n &:hover {\n background: #fff;\n .gradient-line {\n opacity: 0;\n top: 0;\n }\n\n img {\n transform: scale(0.98);\n }\n }\n\n &.active-item {\n background: #fff;\n\n .gradient-line {\n opacity: 1;\n top: 0;\n\n @media screen and (max-width: 900px) {\n top: -10px;\n }\n }\n\n .selected-arrow {\n opacity: 1;\n }\n }\n"]);return p=function(){return a},a}function q(){var a=l(["\n text-align: left;\n margin-left: 10px;\n\n @media screen and (max-width: 900px) {\n margin-left: 0%;\n text-align: center;\n margin-top: 7px;\n }\n\n h3 {\n font-style: normal;\n font-weight: 400;\n font-size: 16px;\n line-height: 1.2;\n color: #000000;\n @media screen and (max-width: 900px) {\n display: none;\n }\n }\n\n p {\n font-weight: 700;\n font-size: 12px;\n line-height: 1.6;\n letter-spacing: 1px;\n text-transform: uppercase;\n color: #000000;\n @media screen and (max-width: 900px) {\n font-size: 10px;\n }\n }\n"]);return q=function(){return a},a}function r(){var a=l(["\n width: 100%;\n max-width: 100px;\n position: relative;\n\n @media screen and (max-width: 900px) {\n width: 75px;\n margin: 0 auto;\n max-width: 100%;\n position: relative;\n height: 60px;\n overflow: hidden;\n }\n\n &:after {\n background: #0000004d;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 15;\n content: \"\";\n\n @media screen and (max-width: 900px) {\n opacity: 0;\n }\n }\n\n img:last-child {\n width: 100%;\n }\n"]);return r=function(){return a},a}function s(){var a=l(["\n position: absolute;\n width: 80px;\n top: -5px;\n left: 0;\n right: 0;\n margin: 0 auto;\n z-index: 20;\n\n @media screen and (max-width: 900px) {\n display: none;\n }\n"]);return s=function(){return a},a}function t(){var a=l(["\n background: #ffffff;\n border-radius: 15px;\n width: 356px;\n margin: 0 auto;\n position: relative;\n z-index: 10;\n margin-top: 50px;\n\n h2 {\n font-weight: 700;\n font-size: 24px;\n line-height: 1.2;\n text-align: center;\n color: #000000;\n margin-bottom: 20px;\n }\n\n .mx-logo {\n display: none;\n }\n\n #form-header h2 {\n padding: 20px 10px 20px !important;\n font-size: 26px;\n font-weight: bold;\n margin-bottom: unset;\n @media screen and (max-width: 1050px) {\n font-size: 30px !important;\n }\n }\n #form-header p {\n padding: 5px !important;\n }\n\n .mktoFormRow:nth-of-type(10),\n .mktoFormRow:nth-of-type(11),\n .mktoFormRow:nth-of-type(12),\n .mktoFormRow:nth-of-type(13) {\n width: 100% !important;\n }\n"]);return t=function(){return a},a}function u(){var a=l(["\n padding: 0 20px 20px;\n"]);return u=function(){return a},a}function v(){var a=l(["\n position: absolute;\n left: 0;\n top: 10vh;\n pointer-events: none;\n\n @media screen and (max-width: 900px) {\n top: 0;\n right: 0;\n transform: scale(1);\n }\n"]);return v=function(){return a},a}function w(){var a=l(["\n background: #fff;\n flex: 1;\n height: 80vh;\n\n &.video-content {\n width: 100%;\n max-width: 1200px;\n\n @media screen and (max-width: 900px) {\n max-width: unset;\n height: 300px;\n flex: 0;\n }\n }\n\n &.pdf-content {\n @media screen and (max-width: 900px) {\n max-width: unset;\n min-height: 100vh;\n\n iframe {\n width: 100%;\n height: 100vh;\n min-height: 100vh;\n }\n }\n }\n\n .main-window-video {\n position: relative;\n padding-top: 56.25%; /* Player ratio: 100 / (1280 / 720) */\n\n div {\n width: 100% !important;\n }\n .player {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n }\n"]);return w=function(){return a},a}function x(){var a=l(["\n padding: 30px;\n h2 {\n font-size: 18px;\n }\n p {\n font-size: 16px;\n line-height: 1.6;\n color: #000000;\n }\n"]);return x=function(){return a},a}function y(){var a=l(["\n iframe {\n }\n"]);return y=function(){return a},a}var z=f.default.section.withConfig({componentId:"sc-45b2daa1-0"})(m()),A=f.default.div.withConfig({componentId:"sc-45b2daa1-1"})(n()),B=f.default.div.withConfig({componentId:"sc-45b2daa1-2"})(o()),C=f.default.div.withConfig({componentId:"sc-45b2daa1-3"})(p()),D=f.default.div.withConfig({componentId:"sc-45b2daa1-4"})(q()),E=f.default.div.withConfig({componentId:"sc-45b2daa1-5"})(r()),F=f.default.img.withConfig({componentId:"sc-45b2daa1-6"})(s()),G=f.default.div.withConfig({componentId:"sc-45b2daa1-7"})(t());f.default.div.withConfig({componentId:"sc-45b2daa1-8"})(u());var H=f.default.img.withConfig({componentId:"sc-45b2daa1-9"}
1)(v()),I=f.default.div.withConfig({componentId:"sc-45b2daa1-10"})(w()),J=f.default.div.withConfig({componentId:"sc-45b2daa1-11"})(x());f.default.div.withConfig({componentId:"sc-45b2daa1-12"})(y());var K=function(a){a.demoPageData;var b=a.sidebarData;a.metaTitle,a.metaDescription,a.metaImage;var c=(0,e.useState)(!1),f=c[0],l=c[1],m=(0,e.useState)([]),n=m[0],o=m[1],p=(0,e.useState)({index:0,id:b[0].id}),q=p[0],r=p[1];(0,e.useEffect)(function(){window.location.search.includes("request-demo=true")&&(l(!0),setTimeout(function(){return l(!1)},5e3))},[]),(0,e.useEffect)(function(){o(b.filter(function(a){return a.id==q.id})[0])},[q]);var s=function(a){var b;l(!0),b=window.location.search.includes("?")?"&":"?",dataLayer.push({event:"formComplete",formType:"demo request",formID:"1198",formPosition:"side",formStyle:"embedded"}),window.location=window.location+b+"request-demo=true"};return(0,d.jsxs)(z,{children:[b&&(0,d.jsxs)(A,{className:b.length>3&&"more-sidebar-items",children:[(0,d.jsx)("p",{className:"mobile-header",children:"Select from the following"}),(0,d.jsx)(j.Z,{size:20}),(0,d.jsx)(H,{src:"https://assets.mx.com/images/demo-pages/blur.svg"}),(0,d.jsx)("div",{id:"items-wrapper",children:b.map(function(a,b){var c="pdf"==a.content_type.toLowerCase()?"pdf file":a.content_type.toLowerCase();return(0,d.jsxs)(C,{id:"sidebar-".concat(a.id),className:q.index==b?"active-item":"",onClick:function(){return r({index:b,id:a.id})},children:[(0,d.jsx)(B,{className:"gradient-line"}),(0,d.jsxs)(E,{children:["video"==a.content_type.toLowerCase()&&(0,d.jsx)(F,{src:"https://assets.mx.com/images/play-icon.svg"}),(0,d.jsx)("img",{src:a.thumbnail?"https://cms.mx.com/assets/".concat(a.thumbnail):"https://assets.mx.com/images/mx-default-meta-img.jpg",alt:""})]}),(0,d.jsxs)(D,{children:[(0,d.jsx)("h3",{children:a.title}),(0,d.jsx)("p",{children:c})]}),(0,d.jsx)("div",{className:"selected-arrow"})]},a.id)})}),!i.tq&&(0,d.jsx)(G,{children:f?(0,d.jsxs)(J,{children:[(0,d.jsx)("h2",{children:"Thank you for your interest in MX."}),(0,d.jsx)("p",{children:"A member of our team will reach out to schedule a 5-10 minute discovery call. Just a few quick questions to get you to the right place. Based on the discussion they'll also connect you with the right information to help you on your journey."})]}):(0,d.jsx)(k.Z,{formId:1198,onSubmit:s,header:"See a Demo",width:400,hideFieldsBefore:6})})]}),n.content_type&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)("h2",{className:"mobile-title",children:n.title}),(0,d.jsxs)(I,{className:"".concat(n.content_type.toLowerCase(),"-content"),children:["pdf"==n.content_type.toLowerCase()&&(0,d.jsx)(g.Z,{fileName:n.title,pdfUrl:"https://api.hub.mx.com/api/public/mx-com/directus/assets/".concat(n.pdf)}),"video"==n.content_type.toLowerCase()&&(0,d.jsx)("div",{className:"main-window-".concat(n.content_type.toLowerCase()),id:"".concat(n.content_type,"-").concat(n.id),children:(0,d.jsx)(h.Z,{className:"player",width:"100%",height:"100%",controls:!0,url:n.vimeo_id})})]}),i.tq&&(0,d.jsx)(G,{children:f?(0,d.jsxs)(J,{children:[(0,d.jsx)("h2",{children:"Thank you for your interest in MX."}),(0,d.jsx)("p",{children:"A member of our team will reach out to schedule a 5-10 minute discovery call. Just a few quick questions to get you to the right place. Based on the discussion they'll also connect you with the right information to help you on your journey."})]}):(0,d.jsx)(k.Z,{formId:1198,onSubmit:s,header:"See a Demo",width:400,fullRow:12})})]})]})},L=c(63189);function M(){var a,b,c=(a=["\n font-weight: 300;\n font-size: 36px;\n line-height: 44px;\n max-width: 100%;\n width: 60px;\n height: 60px;\n display: none;\n\n @media only screen and (max-width: 850px) {\n display: block;\n }\n"],b||(b=a.slice(0)),Object.freeze(Object.defineProperties(a,{raw:{value:Object.freeze(b)}})));return M=function(){return c},c}function N(a,b){return b||(b=a.slice(0)),Object.freeze(Object.defineProperties(a,{raw:{value:Object.freeze(b)}}))}function O(){var a=N(["\n width: 75px;\n margin: 0 auto;\n"]);return O=function(){return a},a}function P(){var a=N(["\n text-align: center;\n top: 0px;\n padding: 10px;\n z-index: 18;\n width: 100%;\n position: sticky;\n background: white;\n transition: box-shadow ease 0.5s, padding ease 0.5s;\n user-select: none;\n box-shadow: 15px 15px 40px rgba(123, 150, 184, 0.1);\n"]);return P=function(){return a},a}c(41664),c(25675),c(65128),f.default.button.withConfig({componentId:"sc-5ff3662d-0"})(M());var Q=f.default.img.withConfig({componentId:"sc-8cc2106f-0"})(O()),R=f.default.nav.withConfig({componentId:"sc-8cc2106f-1"})(P()),S=function(a){return a.hasTopPaddingGap,(0,d.jsx)(R,{children:(0,d.jsx)(Q,{src:"https://assets.mx.com/images/home2022/mx-logo.svg",alt:"mx logo"})})},T=c(99057),U=!0,V=function(a){var b,c,e,f=a.demoPageData,g=a.sidebarData;return g||(g=[]),f.thumbnail_url?f.thumbnail_url:"https://cms.mx.com/assets/".concat(f.thumbnail),b=f.meta_title?f.meta_title:f.title,c=f.meta_description?f.meta_description:f.blog_description?f.blog_description:f.title,e=f.meta_image?"https://cms.mx.com/assets/".concat(f.meta_image):"af0c77e1-dd57-4211-9bba-91f06b7f5826"==f.thumbnail?f.static_thumbnail:f.thumbnail?"https://cms.mx.com/assets/".concat(f.thumbnail):f.thumbnail_url?f.thumbnail_url:"https://assets.mx.com/images/default-og-img.jpg",(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(L.Z,{pdfEmbed:!0,title:b,meta:c,metaImage:e}),(0,d.jsx)(S,{}),(0,d.jsx)(K,{metaImage:e,metaDescription:c,demoPageData:f,sidebarData:g}),(0,d.jsx)(T.Z,{})]})}}},function(a){a.O(0,[49774,32055,85518,52770,7080,19899,18133,92888,40179],function(){return a(a.s=15978)}),_N_E=a.O()}])
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.