"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1496],{66787:function(t,e,a){a.d(e,{Z:function(){return d}}),a(67294);var i=a(46050),o=a(93676),r=(0,i.ZL)({uniqId:"clay"})(function(t){return{clay:{position:"absolute",width:"100%",height:"100%",top:0,left:0},mask:{position:"relative",width:"100%",height:"100%",display:"block","& img":{width:"100%"},"&:after":{content:'""',width:"100%",height:"100%",position:"absolute",top:0,left:0,mixBlendMode:"multiply"}},primaryDark:{"&:after":{backgroundImage:(0,o.Z)(t).primary.dark}},primaryLight:{"&:after":{backgroundImage:(0,o.Z)(t).primary.light}},secondaryDark:{"&:after":{backgroundImage:(0,o.Z)(t).secondary.dark}},secondaryLight:{"&:after":{backgroundImage:(0,o.Z)(t).secondary.light}},accent:{"&:after":{backgroundImage:(0,o.Z)(t).accent}},doubleLight:{"&:after":{backgroundImage:(0,o.Z)(t).double.light}},doubleMain:{"&:after":{backgroundImage:(0,o.Z)(t).double.main}},doubleDark:{"&:after":{backgroundImage:(0,o.Z)(t).double.dark}},doublePrimary:{"&:after":{backgroundImage:(0,o.Z)(t).double.primary}},doubleSecondary:{"&:after":{backgroundImage:(0,o.Z)(t).double.secondary}},doubleAccent:{"&:after":{backgroundImage:(0,o.Z)(t).double.accent}},tripleLight:{"&:after":{backgroundImage:(0,o.Z)(t).triple.light}},tripleMain:{"&:after":{backgroundImage:(0,o.Z)(t).triple.main}},tripleDark:{"&:after":{backgroundImage:(0,o.Z)(t).triple.dark}}}}),n=a(85893);function d(t){var e=r(),a=e.classes,i=e.cx,o=t.img,d=t.color;return(0,n.jsx)("div",{className:a.clay,children:(0,n.jsx)("span",{style:{maskImage:"url(".concat(o,")"),maskRepeat:"no-repeat",maskSize:"100%",WebkitMaskImage:"url(".concat(o,")"),WebkitMaskRepeat:"no-repeat",WebkitMaskSize:"100%"},className:i(a.mask,a[d]),children:(0,n.jsx)("img",{src:o,alt:"clay"})})})}d.defaultProps={color:"primary"}},81496:function(t,e,a){var i=a(67294),o=a(93430),r=a(55245),n=a(60337),d=a(35647),l=a(32265),c=a(39696),s=a(66787),p=a(58154),g=a(85893);function m(t){var e=(0,p.Z)(),a=e.classes,m=e.cx,h=(0,c.XK)().classes,u=(0,i.useState)({}),b=(u[0],u[1]),f=t.children,k=t.title,x=t.subtitle,y=t.type;(0,i.useEffect)(function(){var t=function(t,e,a,i,o){return{top:Math.floor(Math.random()*t),left:Math.floor(Math.random()*e),width:Math.floor(Math.random()*(a-100)+100),height:Math.floor(Math.random()*(i-100)+100),transform:"rotate(".concat(Math.floor(Math.random()*o),"deg)")}};b([t(100,300,600,500,120),t(200,200,400,300,60),t(200,200,700,400,90),t(400,100,400,500,160)])},[]);var Z=(0,o.Z)(function(t){return t.breakpoints.down("lg")}),w=(0,o.Z)(function(t){return t.breakpoints.down("md")});return(0,g.jsxs)(i.Fragment,{children:["login"===y?(0,g.jsxs)(i.Fragment,{children:[(0,g.jsxs)("div",{className:m(a.decoration,a.left),children:[(0,g.jsx)("div",{className:a.ball,children:(0,g.jsx)(s.Z,{img:"/images/decoration/clay-ball.png",color:"tripleMain"})}),(0,g.jsx)("div",{className:a.plate,children:(0,g.jsx)(s.Z,{img:"/images/decoration/clay-plate.png",color:"secondaryLight"})})]}),(0,g.jsxs)("div",{className:m(a.decoration,a.right),children:[(0,g.jsx)("div",{className:a.flower,children:(0,g.jsx)(s.Z,{img:"/images/decoration/clay-flower.png",color:"primaryLight"})}),(0,g.jsx)("div",{className:a.bowl,children:(0,g.jsx)(s.Z,{img:"/images/decoration/clay-bowl.png",color:"secondaryLight"})})]})]}):(0,g.jsxs)(i.Fragment,{children:[(0,g.jsxs)("div",{className:m(a.decoration,a.left),children:[(0,g.jsx)("div",{className:a.ufo,children:(0,g.jsx)(s.Z,{img:"/images/decoration/clay-ufo.png",color:"tripleMain"})}),(0,g.jsx)("div",{className:a.bom,children:(0,g.jsx)(s.Z,{img:"/images/decoration/clay-bom.png",color:"doubleMain"})})]}),(0,g.jsxs)("div",{className:m(a.decoration,a.right),children:[(0,g.jsx)("div",{className:a.snail,children:(0,g.jsx)(s.Z,{img:"/images/decoration/clay-snail.png",color:"primaryLight"})}),(0,g.jsx)("div",{className:a.bowl,children:(0,g.jsx)(s.Z,{img:"/images/decoration/clay-bowl.png",color:"accent"})})]})]}),(0,g.jsx)("div",{className:a.pageWrap,children:(0,g.jsx)(n.Z,{maxWidth:"lg",className:a.innerWrap,children:(0,g.jsx)("div",{className:a.authFrame,children:(0,g.jsxs)(d.ZP,{container:!0,spacing:0,children:[(0,g.jsx)(d.ZP,{sx:{mr:-4},item:!0,lg:6,md:5,xs:12,children:!w&&(0,g.jsxs)("div",{className:a.greeting,children:["login"===y?(0,g.jsx)(g.Fragment,{children:(0,g.jsx)("img",{className:a.imgLogin,src:"/images/ai/card2.gif",alt:"decoration"})}):(0,g.jsx)(g.Fragment,{children:(0,g.jsx)("img",{className:a.imgRegister,src:"/images/ai/card2.gif",alt:"decoration"})}),(0,g.jsx)("div",{className:a.inner,children:!1}),(0,g.jsx)(l.Z,{className:a.arrowIcon,style:{color:"#fff",opacity:.5}}),(0,g.jsxs)("div",{className:a.text,children:[(0,g.jsx)(r.Z,{gutterBottom:!0,variant:"h4",className:Z?h.title2:h.title,children:k}),(0,g.jsx)(r.Z,{variant:"h6",className:Z?h.subtitle2:h.subtitle,children:x})]})]})}),(0,g.jsx)(d.ZP,{item:!0,lg:6,md:7,xs:12,children:(0,g.jsx)("div",{className:a.formWrap,children:f})})]})})})})]})}m.defaultProps={subtitle:"",type:"login"},e.Z=m},58154:function(t,e,a){var i=a(59499),o=a(46050),r=a(41796),n=a(93676),d=(0,o.ZL)({uniqId:"form"})(function(t,e,a){var o,d,l,c,s,p,g,m,h,u;return{pageWrap:(o={textAlign:"center",minHeight:"100%",position:"relative",width:"100%",alignItems:"center",padding:t.spacing(15,5,0)},(0,i.Z)(o,t.breakpoints.up("md"),{display:"flex"}),(0,i.Z)(o,t.breakpoints.down("sm"),{padding:t.spacing(10,0,0)}),(0,i.Z)(o,"& .".concat(a.title),{color:t.palette.common.white}),(0,i.Z)(o,"& a",(0,i.Z)({color:"dark"===t.palette.mode?t.palette.primary.light:t.palette.primary.main,textTransform:"none",fontSize:16,textDecoration:"none",fontWeight:t.typography.fontWeightRegular},t.breakpoints.down("sm"),{fontSize:14})),o),innerWrap:{textAlign:"left"},formBox:{borderRadius:40,position:"relative",zIndex:22,background:function(t){return"dark"===t.palette.mode?t.palette.primary.dark:t.palette.primary.light},backdropFilter:"saturate(180%) blur(20px)"},mapForm:(0,i.Z)({},t.breakpoints.up("md"),{borderTopRightRadius:0,borderBottomRightRadius:0,borderRight:"none"}),desc:(0,i.Z)({color:t.palette.common.white,textAlign:"center",padding:t.spacing(0,10)},t.breakpoints.down("sm"),{padding:t.spacing(0,2)}),light:{},input:(0,i.Z)({width:"100%","& label":{left:t.spacing(.5),color:function(t){return"dark"===t.palette.mode?t.palette.primary.contrastText:t.palette.primary.main}},"& > div":{border:"1px solid ".concat((0,r.Fq)(t.palette.text.primary,.25)),background:function(t){return"dark"===t.palette.mode?t.palette.primary.dark:t.palette.primary.light},overflow:"hidden","& input, & textarea":{paddingLeft:t.spacing(2),color:function(t){return"dark"===t.palette.mode?t.palette.primary.contrastText:t.palette.primary.main},"&:focus":{background:function(t){return"dark"===t.palette.mode?(0,r.Fq)(t.palette.primary.dark,.7):(0,r.Fq)(t.palette.primary.light,.7)}},"&:hover":{background:function(t){return"dark"===t.palette.mode?(0,r.Fq)(t.palette.primary.dark,.7):(0,r.Fq)(t.palette.primary.light,.7)}}}}},"&.".concat(a.light),{"& label":{color:t.palette.common.white},"& > div":{border:"1px solid ".concat((0,r.Fq)(t.palette.primary.light,.5)),"& input, & textarea":{color:t.palette.common.white,"&:focus":{background:(0,r.Fq)(t.palette.text.disabled,.2)},"&:hover":{background:(0,r.Fq)(t.palette.text.disabled,.2)}}}}),form:(0,i.Z)({textAlign:"left",position:"relative",padding:t.spacing(7,5)},t.breakpoints.down("sm"),{padding:t.spacing(5,2)}),formHelper:(0,i.Z)({display:"flex",marginTop:t.spacing(),justifyContent:"space-between",alignItems:"flex-start"},t.breakpoints.down("sm"),{flexDirection:"column",alignItems:"center"}),buttonLink:{'& span[class*="material-icon"]':{transform:"rtl"===t.direction?"scale(-1)":"none"}},btnArea:(d={justifyContent:"space-between"},(0,i.Z)(d,t.breakpoints.up("sm"),{marginTop:t.spacing(5),display:"flex"}),(0,i.Z)(d,t.breakpoints.down("md"),{"& .MuiButton-root":{width:"100%"}}),(0,i.Z)(d,t.breakpoints.down("sm"),{marginTop:t.spacing(2)}),(0,i.Z)(d,"& label",{position:"relative"}),(0,i.Z)(d,"& button",{marginTop:t.spacing(2),minHeight:48,minWidth:180}),(0,i.Z)(d,"& span",{"& a":{textDecoration:"none !important",color:t.palette.secondary.main}}),(0,i.Z)(d,"&.".concat(a.double),{"& button":(0,i.Z)({},t.breakpoints.up("sm"),{maxWidth:250})}),d),primary:{background:t.palette.primary.main,position:"absolute",opacity:.08,transform:"rotate(45deg)"},secondary:{background:t.palette.secondary.main,position:"absolute",opacity:.1,transform:"rotate(45deg)"},decoTop:(l={},(0,i.Z)(l,"& .".concat(a.primary),{borderRadius:80,width:405,height:405,top:-200,right:-50}),(0,i.Z)(l,"& .".concat(a.secondary),{borderRadius:40,width:205,height:205,top:24,right:-100}),l),decoBottom:(c={},(0,i.Z)(c,"& .".concat(a.primary),{borderRadius:40,width:205,height:205,bottom:180,left:-110}),(0,i.Z)(c,"& .".concat(a.secondary),{borderRadius:80,width:405,height:405,bottom:-100,left:-100}),c),rightIcon:{marginLeft:t.spacing()},check:{"& svg":{fill:t.palette.secondary.main}},checkArea:{position:"relative","& span a":{color:t.palette.secondary.main}},authFrame:{display:"block",position:"relative"},greeting:(s={display:"flex",position:"relative",flexDirection:"column",justifyContent:"center",borderRadius:60,height:"100%",overflow:"hidden",zIndex:3,boxShadow:t.palette.light,color:t.palette.common.white,background:(0,n.Z)(t).triple.main,padding:t.spacing(3)},(0,i.Z)(s,t.breakpoints.up("lg"),{padding:t.spacing(4)}),(0,i.Z)(s,"img",{position:"absolute"}),s),imgLogin:{position:"absolute",width:"100%",height:"100%",objectFit:"cover",left:0,top:0,zIndex:1,src:"/images/ai/card2.gif"},imgRegister:{position:"absolute",width:"100%",height:"100%",objectFit:"cover",left:0,top:0,zIndex:1},text:{position:"relative",zIndex:2,textShadow:"1px 1px 4px rgba(0, 0, 0, 0.8)","& h4, & h6":{color:t.palette.common.white,fontWeight:"bold"}},logo:(p={alignItems:"center",justifyContent:"center",marginBottom:t.spacing(3)},(0,i.Z)(p,"&.".concat(a.logoHeader),{flexDirection:"column",alignItems:"center",position:"relative",zIndex:10}),(0,i.Z)(p,"& img",{width:110,height:55}),(0,i.Z)(p,"& p, span",{display:"block",paddingBottom:4,color:t.palette.common.white}),p),head:(0,i.Z)({display:"flex",justifyContent:"space-between",alignItems:"flex-start",textTransform:"capitalize",marginBottom:t.spacing(3),"& a":{marginTop:t.spacing(2)}},t.breakpoints.down("md"),{marginTop:t.spacing(2),justifyContent:"center","& a":{display:"none"}}),formWrap:(g={background:function(t){return"dark"===t.palette.mode?t.palette.primary.dark:t.palette.primary.light},backdropFilter:"saturate(180%) blur(20px)",position:"relative",padding:t.spacing(2),borderTopRightRadius:40,borderBottomRightRadius:40,boxShadow:t.shade.light},(0,i.Z)(g,t.breakpoints.down("md"),{borderRadius:20}),(0,i.Z)(g,t.breakpoints.up("sm"),{padding:t.spacing(5)}),(0,i.Z)(g,t.breakpoints.up("md"),{padding:t.spacing(3,4,3,8)}),g),socmedSideLogin:(m={display:"flex",justifyContent:"space-around"},(0,i.Z)(m,t.breakpoints.down("lg"),{justifyContent:"center"}),(0,i.Z)(m,t.breakpoints.down("sm"),{justifyContent:"center",display:"block"}),(0,i.Z)(m,"& > a, & > button",(0,i.Z)({color:t.palette.common.white,width:160,padding:t.spacing(),margin:t.spacing(0,.5)},t.breakpoints.down("sm"),{marginBottom:t.spacing(2),width:"100%"})),(0,i.Z)(m,"& i",{color:t.palette.common.white,marginRight:t.spacing()}),m),blueBtn:{background:"#28aae1","&:hover":{background:(0,r._j)("#28aae1",.2)}},naviBtn:{background:"#3b579d","&:hover":{background:(0,r._j)("#3b579d",.2)}},redBtn:{background:"#dd493c","&:hover":{background:(0,r._j)("#dd493c",.2)}},separator:{margin:"".concat(t.spacing(5)," auto"),maxWidth:300,minWidth:200,textAlign:"center",position:"relative","& p":(0,i.Z)({},t.breakpoints.down("sm"),{fontSize:12}),"&:before, &:after":{content:'""',borderTop:"1px solid ".concat(t.palette.text.disabled),top:"50%",position:"absolute",width:"20%"},"&:before":{left:0},"&:after":{right:0}},inner:{height:600,top:0,left:0,width:"50%",position:"absolute",display:"block"},primaryDark:{background:(0,n.Z)(t).primary.dark},primaryLight:{background:(0,n.Z)(t).primary.light},secondaryDark:{background:(0,n.Z)(t).secondary.dark},secondaryLight:{background:(0,n.Z)(t).secondary.light},accent:{background:(0,n.Z)(t).accent},doubleLight:{background:(0,n.Z)(t).double.light},doubleMain:{background:(0,n.Z)(t).double.main},doubleDark:{background:(0,n.Z)(t).double.dark},tripleLight:{background:(0,n.Z)(t).triple.light},tripleMain:{background:(0,n.Z)(t).triple.main},tripleDark:{background:(0,n.Z)(t).triple.dark},fog:{filter:"blur(60px)",width:700,height:600,opacity:.75,position:"relative","& > div":{borderRadius:500,position:"absolute",transition:"all 1.5s cubic-bezier(.11,.99,.81,1.13)"}},arrowIcon:{position:"absolute",right:0,bottom:60,width:270,height:270,color:t.palette.common.black,opacity:.05,transform:"rtl"===t.direction?"scale(-1)":"none"},decoration:(h={position:"absolute",width:"100%",height:"100%",overflow:"hidden",left:0,top:0,"& > div":{position:"absolute"}},(0,i.Z)(h,"&.".concat(a.left),(0,i.Z)({left:-50},t.breakpoints.down("sm"),{zIndex:0})),(0,i.Z)(h,"& .".concat(a.ball),{width:160,height:170,top:100,left:0,zIndex:30,transform:"rotate(-45deg)"}),(0,i.Z)(h,"& .".concat(a.plate),{width:100,height:100,zIndex:20,top:120,left:140,transform:"rotate(-50deg)",filter:"blur(5px) drop-shadow(0px 25px 12px rgba(0, 0, 0, 0.3))"}),(0,i.Z)(h,"& .".concat(a.flower),{width:180,height:180,top:300,right:-10,transform:"rotate(-50deg)"}),(0,i.Z)(h,"& .".concat(a.bowl),{width:100,height:100,top:300,right:40,transform:"rotate(60deg)",filter:"blur(5px) drop-shadow(20px 25px 5px rgba(0, 0, 0, 0.3))"}),(0,i.Z)(h,"& .".concat(a.ufo),{width:160,height:170,top:180,left:40,zIndex:20,transform:"rotate(-45deg)"}),(0,i.Z)(h,"& .".concat(a.bom),{width:60,height:60,zIndex:33,top:160,left:50,transform:"rotate(-50deg)",filter:"blur(5px) drop-shadow(0px 25px 12px rgba(0, 0, 0, 0.3))"}),(0,i.Z)(h,"& .".concat(a.snail),{width:180,height:180,top:300,right:-10,transform:"rotate(-50deg)"}),h),map:(u={position:"relative",zIndex:20,overflow:"hidden",height:850},(0,i.Z)(u,t.breakpoints.down("md"),{height:"300px !important",marginTop:t.spacing(5)}),(0,i.Z)(u,t.breakpoints.up("md"),{borderRadius:"0 12px 12px 0 !important"}),(0,i.Z)(u,"&.".concat(a.full),{height:915}),u),buble:{borderRadius:10,padding:t.spacing(2),width:"auto",left:-250,top:-300,color:t.palette.common.black,"& p":{fontSize:13}},icon:{color:"#607D8B",marginRight:t.spacing(1),marginTop:t.spacing(2),top:4,position:"relative",fontSize:16},notif:{top:90},paper:{padding:t.spacing(2),borderRadius:12,width:400,maxWidth:"95%",marginTop:t.spacing(4),background:function(t){return"dark"===t.palette.mode?t.palette.primary.dark:t.palette.primary.light},color:function(t){return"dark"===t.palette.mode?t.palette.primary.contrastText:t.palette.primary.main},"& .MuiDialogTitle-root":{paddingBottom:0,position:"relative"},"& .MuiTypography-h6":{fontWeight:t.typography.fontWeightBold,fontSize:18}},closeBtn:{color:t.palette.text.primary,"& svg":{width:24,height:24}}}});e.Z=d},32265:function(t,e,a){var i=a(64836);e.Z=void 0;var o=i(a(19377)),r=a(85893),n=(0,o.default)((0,r.jsx)("path",{d:"m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"}),"ArrowForward");e.Z=n}}]);