{"version":3,"sources":["webpack:///./src/assets/images/Advanced_User/720pCGIs_Software.png","webpack:///./src/assets/images/Advanced_User/720pCGIs_Alarm.png","webpack:///./src/components/CGI_Commands/720p-cgis-card.jsx","webpack:///./src/pages/720p_Series_CGI_List/index.jsx","webpack:///./src/assets/images/Advanced_User/720pCGIs_WebUI.png","webpack:///./src/assets/images/Advanced_User/720pCGIs_All.png","webpack:///./src/assets/images/Advanced_User/720pCGIs_Network.png","webpack:///./node_modules/@material-ui/core/esm/Grid/Grid.js","webpack:///./src/assets/images/Advanced_User/720pCGIs_Multimedia.png","webpack:///./src/assets/images/Advanced_User/720pCGIs_System.png"],"names":["module","exports","withStyles","theme","root","flexGrow","paper","padding","spacing","color","palette","text","secondary","card","cursor","action","paddingBottom","props","classes","Fragment","className","Grid","container","item","xs","sm","onClick","navigate","role","tabIndex","onKeyDown","Paper","alt","src","CGIsSoftware","Typography","variant","CGIsNetwork","CGIsSystem","CGIsMultimedia","CGIsAlarm","CGIsComplete","CGIsWebUI","seodata","SEOHelmet","title","description","image","location","pathname","id","style","marginTop","pills","pill","link","colSpan","previousTitle","previousLink","nextTitle","nextLink","SPACINGS","GRID_SIZES","getOffset","val","div","arguments","length","undefined","parse","parseFloat","concat","String","replace","ref","_props$alignContent","alignContent","_props$alignItems","alignItems","classNameProp","_props$component","component","Component","_props$container","_props$direction","direction","_props$item","_props$justify","justify","_props$lg","lg","_props$md","md","_props$sm","_props$spacing","_props$wrap","wrap","_props$xl","xl","_props$xs","_props$zeroMinWidth","zeroMinWidth","other","StyledGrid","boxSizing","display","flexWrap","width","margin","minWidth","flexDirection","justifyContent","breakpoint","styles","forEach","themeSpacing","generateGutter","breakpoints","keys","reduce","accumulator","key","globalStyles","size","Math","round","flexBasis","maxWidth","up","generateGrid","name"],"mappings":"iFAAAA,EAAOC,QAAU,IAA0B,iE,uBCA3CD,EAAOC,QAAU,IAA0B,8D,iRCqK5BC,mBAlJA,SAAAC,GAAK,MAAK,CACvBC,KAAM,CACJC,SAAU,GAEZC,MAAO,CACLC,QAASJ,EAAMK,QAAQ,GACvBC,MAAON,EAAMO,QAAQC,KAAKC,WAE5BC,KAAM,CACJN,QAASJ,EAAMK,QAAQ,GACvBC,MAAON,EAAMO,QAAQC,KAAKC,UAC1BE,OAAQ,WAEVC,OAAQ,CACNC,cAAe,MAoIJd,EAhIf,SAAyBe,GAAQ,IACvBC,EAAYD,EAAZC,QAER,OACE,kBAAC,IAAMC,SAAP,KACE,yBAAKC,UAAWF,EAAQd,MACtB,kBAACiB,EAAA,EAAD,CAAMC,WAAS,EAACd,QAAS,IACvB,kBAACa,EAAA,EAAD,CAAME,MAAI,EAACC,GAAI,GAAIC,GAAI,EAAGL,UAAWF,EAAQL,MAC3C,yBAAKa,QAAS,kBAAMC,mBAAS,yCAAyCC,KAAK,SAASC,UAAW,EAAGC,UAAW,kBAAMH,mBAAS,0CAC1H,kBAACI,EAAA,EAAD,CAAOX,UAAWF,EAAQZ,OACxB,yBAAK0B,IAAI,gBAAgBC,IAAKC,MAC9B,yBAAKd,UAAWF,EAAQH,QACtB,6BACA,kBAACoB,EAAA,EAAD,CAAYC,QAAQ,MAApB,qBAOR,kBAACf,EAAA,EAAD,CAAME,MAAI,EAACC,GAAI,GAAIC,GAAI,EAAGL,UAAWF,EAAQL,MAC3C,yBAAKa,QAAS,kBAAMC,mBAAS,wCAAwCC,KAAK,SAASC,UAAW,EAAGC,UAAW,kBAAMH,mBAAS,yCACzH,kBAACI,EAAA,EAAD,CAAOX,UAAWF,EAAQZ,OACxB,yBAAK0B,IAAI,eAAeC,IAAKI,MAC7B,yBAAKjB,UAAWF,EAAQH,QACtB,6BACA,kBAACoB,EAAA,EAAD,CAAYC,QAAQ,MAApB,sBAQV,kBAACf,EAAA,EAAD,CAAMC,WAAS,EAACd,QAAS,IACvB,kBAACa,EAAA,EAAD,CAAME,MAAI,EAACC,GAAI,GAAIC,GAAI,EAAGL,UAAWF,EAAQL,MAC3C,yBAAKa,QAAS,kBAAMC,mBAAS,uCAAuCC,KAAK,SAASC,UAAW,EAAGC,UAAW,kBAAMH,mBAAS,wCACxH,kBAACI,EAAA,EAAD,CAAOX,UAAWF,EAAQZ,OACxB,yBAAK0B,IAAI,cAAcC,IAAKK,MAC5B,yBAAKlB,UAAWF,EAAQH,QACtB,6BACA,kBAACoB,EAAA,EAAD,CAAYC,QAAQ,MAApB,mBAOR,kBAACf,EAAA,EAAD,CAAME,MAAI,EAACC,GAAI,GAAIC,GAAI,EAAGL,UAAWF,EAAQL,MAC3C,yBAAKa,QAAS,kBAAMC,mBAAS,2CAA2CC,KAAK,SAASC,UAAW,EAAGC,UAAW,kBAAMH,mBAAS,4CAC5H,kBAACI,EAAA,EAAD,CAAOX,UAAWF,EAAQZ,OACxB,yBAAK0B,IAAI,kBAAkBC,IAAKM,MAChC,yBAAKnB,UAAWF,EAAQH,QACtB,6BACA,kBAACoB,EAAA,EAAD,CAAYC,QAAQ,MAApB,wBAQV,kBAACf,EAAA,EAAD,CAAMC,WAAS,EAACd,QAAS,IACvB,kBAACa,EAAA,EAAD,CAAME,MAAI,EAACC,GAAI,GAAIC,GAAI,EAAGL,UAAWF,EAAQL,MAC3C,yBAAKa,QAAS,kBAAMC,mBAAS,sCAAsCC,KAAK,SAASC,UAAW,EAAGC,UAAW,kBAAMH,mBAAS,uCACvH,kBAACI,EAAA,EAAD,CAAOX,UAAWF,EAAQZ,OACxB,yBAAK0B,IAAI,aAAaC,IAAKO,MAC3B,yBAAKpB,UAAWF,EAAQH,QACtB,6BACA,kBAACoB,EAAA,EAAD,CAAYC,QAAQ,MAApB,mBAqBV,kBAACf,EAAA,EAAD,CAAMC,WAAS,EAACd,QAAS,IACvB,kBAACa,EAAA,EAAD,CAAME,MAAI,EAACC,GAAI,GAAIC,GAAI,EAAGL,UAAWF,EAAQL,MAC3C,yBAAKa,QAAS,kBAAMC,mBAAS,6CAA6CC,KAAK,SAASC,UAAW,EAAGC,UAAW,kBAAMH,mBAAS,8CAC9H,kBAACI,EAAA,EAAD,CAAOX,UAAWF,EAAQZ,OACxB,yBAAK0B,IAAI,gBAAgBC,IAAKQ,MAC9B,yBAAKrB,UAAWF,EAAQH,QACtB,6BACA,kBAACoB,EAAA,EAAD,CAAYC,QAAQ,MAApB,2BAOR,kBAACf,EAAA,EAAD,CAAME,MAAI,EAACC,GAAI,GAAIC,GAAI,EAAGL,UAAWF,EAAQL,MAC3C,yBAAKa,QAAS,kBAAMC,mBAAS,qCAAqCC,KAAK,SAASC,UAAW,EAAGC,UAAW,kBAAMH,mBAAS,sCACtH,kBAACI,EAAA,EAAD,CAAOX,UAAWF,EAAQZ,OACxB,yBAAK0B,IAAI,aAAaC,IAAKS,MAC3B,yBAAKtB,UAAWF,EAAQH,QACtB,6BACA,kBAACoB,EAAA,EAAD,CAAYC,QAAQ,MAApB,wB,oCC3IZO,EACG,oBADHA,EAES,yIAFTA,EAGG,qDAGM,mBAAC1B,GAAD,OACb,kBAAC,IAAME,SAAP,KACE,kBAACyB,EAAA,EAAD,CAAWC,MAAOF,EAAeG,YAAaH,EAAqBI,MAAOJ,EAAeK,SAAU/B,EAAM+B,SAASC,WAElH,wBAAIC,GAAG,eAAeC,MAAO,CAAEC,UAAW,IAA1C,+CAIA,kBAAC,IAAD,CACEC,MACE,CACE,CACEC,KAAM,YACNC,KAAM,sBAER,CACED,KAAM,eACNC,KAAM,mCAER,CACED,KAAM,mBACNC,KAAM,gCAKd,wBAAIL,GAAG,eAAeC,MAAO,CAAEC,UAAW,IAA1C,+CAIA,0DACA,iTAEA,4BACE,2UAAgT,6BAAK,oFACrT,sKAGF,4CACA,2BAAG,uGAAkH,6BAAlH,wCAAwL,6BAAxL,6DAEH,6CACA,2BAAG,kLAA2N,6BAA3N,4CAAqS,6BAArS,mDAEH,2CACA,yGACA,4BACE,4OAAiN,6BAAK,6BAAK,kDAAiC,6BAAjC,kBAA+D,6BAA/D,kBAA6F,6BAA7F,oBAA6H,6BAA7H,wBAAiK,6BAAjK,qBAAkM,6BAAlM,uBAA2O,6BAAK,6BAA3c,oCAAif,6FAAjf,KACA,mJAAwH,iDAAxH,qEAAsN,oGACtN,oHAEF,kBAAC,EAAD,MACA,oEACA,iHACA,4BACE,0DACA,0DAEF,mFACA,+BACE,+BACE,4BACE,wBAAII,QAAQ,KAAZ,sBAGJ,+BACE,4BACE,0EAC6C,6BAC3C,iEAGJ,4BACE,0EAC6C,6BAC3C,mEAGJ,4BACE,0EAC6C,6BAC3C,gEAGJ,4BACE,yFAC4D,6BAC1D,oDAGJ,4BACE,yFAC4D,6BAC1D,oDAGJ,4BACE,0FAC6D,6BAC3D,oDAGJ,4BACE,oGACuE,6BACrE,oDAGJ,4BACE,oGACuE,6BACrE,oDAGJ,4BACE,oGACuE,6BACrE,sDAKR,qGACA,+BACE,+BACE,4BACE,wBAAIA,QAAQ,KAAZ,gBAGJ,+BACE,4BACE,mGACsE,6BACpE,6DAGJ,4BACE,kGACqE,6BACnE,4DAGJ,4BACE,gGACmE,6BACjE,0DAGJ,4BACE,kGACqE,6BACnE,4DAGJ,4BACE,kGACqE,6BACnE,6DAGJ,4BACE,mGACsE,6BACpE,yDAGJ,4BACE,kGACqE,6BACnE,wDAGJ,4BACE,gGACmE,6BACjE,sDAGJ,4BACE,kGACqE,6BACnE,wDAGJ,4BACE,kGACqE,6BACnE,0DAGJ,4BACE,mGACsE,6BACpE,oDAGJ,4BACE,mGACsE,6BACpE,kDAGJ,4BACE,gHACmF,6BACjF,mDAGJ,4BACE,gHACmF,6BACjF,qDAGJ,4BACE,iHACoF,6BAClF,6DAKR,+BACE,+BACE,4BACE,wBAAIA,QAAQ,KAAZ,WAGJ,+BACE,4BACE,+FACkE,6BAChE,+DAKR,oEACA,4BACE,mGACA,8GACA,0GACA,gGACA,kEACA,oEACA,+FAEF,uCACA,mLACA,+BACE,+BACE,4BACE,wBAAIA,QAAQ,KAAZ,UAGJ,+BACE,4BACE,kGACqE,6BACnE,iEAKR,uCACA,6KACA,+BACE,+BACE,4BACE,wBAAIA,QAAQ,KAAZ,YAGJ,+BACE,4BACE,gHACmF,6BACjF,+DAGJ,4BACE,gHACmF,6BACjF,gFAGJ,4BACE,iHACoF,6BAClF,oEAKR,+BACE,+BACE,4BACE,wBAAIA,QAAQ,KAAZ,WAGJ,+BACE,4BACE,6GACgF,6BAC9E,oEAGJ,4BACE,2HAC8F,6BAC5F,0DAGJ,4BACE,2HAC8F,6BAC5F,2DAGJ,4BACE,gHACmF,6BACjF,8FAKR,uCACA,8NACA,4CACA,6JACA,+BACE,+BACE,4BACE,wBAAIA,QAAQ,KAAZ,2BAGJ,+BACE,4BACE,iGACoE,6BAClE,yDAGJ,4BACE,6GACgF,6BAC9E,4DAKR,+BACE,+BACE,4BACE,wBAAIA,QAAQ,KAAZ,4BAGJ,+BACE,4BACE,iGACoE,6BAClE,mFAGJ,4BACE,+GACkF,6BAChF,2FAKR,6BACA,6BACA,kBAAC,IAAD,CACEC,cAAc,cACdC,aAAa,6BACbC,UAAU,wBACVC,SAAS,kC,qBCxYf5D,EAAOC,QAAU,IAA0B,8D,qBCA3CD,EAAOC,QAAU,IAA0B,4D,qBCA3CD,EAAOC,QAAU,IAA0B,gE,kCCA3C,0EAiBI4D,EAAW,CAAC,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,IAC1CC,EAAa,CAAC,QAAQ,EAAM,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,GAAI,GAAI,IA4CnE,SAASC,EAAUC,GACjB,IAAIC,EAAMC,UAAUC,OAAS,QAAsBC,IAAjBF,UAAU,GAAmBA,UAAU,GAAK,EAC1EG,EAAQC,WAAWN,GACvB,MAAO,GAAGO,OAAOF,EAAQJ,GAAKM,OAAOC,OAAOR,GAAKS,QAAQD,OAAOH,GAAQ,KAAO,MA6B1E,IA6HHhD,EAAoB,cAAiB,SAAcJ,EAAOyD,GAC5D,IAAIC,EAAsB1D,EAAM2D,aAC5BA,OAAuC,IAAxBD,EAAiC,UAAYA,EAC5DE,EAAoB5D,EAAM6D,WAC1BA,OAAmC,IAAtBD,EAA+B,UAAYA,EACxD3D,EAAUD,EAAMC,QAChB6D,EAAgB9D,EAAMG,UACtB4D,EAAmB/D,EAAMgE,UACzBC,OAAiC,IAArBF,EAA8B,MAAQA,EAClDG,EAAmBlE,EAAMK,UACzBA,OAAiC,IAArB6D,GAAsCA,EAClDC,EAAmBnE,EAAMoE,UACzBA,OAAiC,IAArBD,EAA8B,MAAQA,EAClDE,EAAcrE,EAAMM,KACpBA,OAAuB,IAAhB+D,GAAiCA,EACxCC,EAAiBtE,EAAMuE,QACvBA,OAA6B,IAAnBD,EAA4B,aAAeA,EACrDE,EAAYxE,EAAMyE,GAClBA,OAAmB,IAAdD,GAA+BA,EACpCE,EAAY1E,EAAM2E,GAClBA,OAAmB,IAAdD,GAA+BA,EACpCE,EAAY5E,EAAMQ,GAClBA,OAAmB,IAAdoE,GAA+BA,EACpCC,EAAiB7E,EAAMT,QACvBA,OAA6B,IAAnBsF,EAA4B,EAAIA,EAC1CC,EAAc9E,EAAM+E,KACpBA,OAAuB,IAAhBD,EAAyB,OAASA,EACzCE,EAAYhF,EAAMiF,GAClBA,OAAmB,IAAdD,GAA+BA,EACpCE,EAAYlF,EAAMO,GAClBA,OAAmB,IAAd2E,GAA+BA,EACpCC,EAAsBnF,EAAMoF,aAC5BA,OAAuC,IAAxBD,GAAyCA,EACxDE,EAAQ,YAAyBrF,EAAO,CAAC,eAAgB,aAAc,UAAW,YAAa,YAAa,YAAa,YAAa,OAAQ,UAAW,KAAM,KAAM,KAAM,UAAW,OAAQ,KAAM,KAAM,iBAE1MG,EAAY,YAAKF,EAAQd,KAAM2E,EAAezD,GAAa,CAACJ,EAAQI,UAAuB,IAAZd,GAAiBU,EAAQ,cAAcqD,OAAOC,OAAOhE,MAAae,GAAQL,EAAQK,KAAM8E,GAAgBnF,EAAQmF,aAA4B,QAAdhB,GAAuBnE,EAAQ,gBAAgBqD,OAAOC,OAAOa,KAAuB,SAATW,GAAmB9E,EAAQ,WAAWqD,OAAOC,OAAOwB,KAAwB,YAAflB,GAA4B5D,EAAQ,kBAAkBqD,OAAOC,OAAOM,KAAgC,YAAjBF,GAA8B1D,EAAQ,oBAAoBqD,OAAOC,OAAOI,KAA6B,eAAZY,GAA4BtE,EAAQ,cAAcqD,OAAOC,OAAOgB,MAAmB,IAAPhE,GAAgBN,EAAQ,WAAWqD,OAAOC,OAAOhD,MAAc,IAAPC,GAAgBP,EAAQ,WAAWqD,OAAOC,OAAO/C,MAAc,IAAPmE,GAAgB1E,EAAQ,WAAWqD,OAAOC,OAAOoB,MAAc,IAAPF,GAAgBxE,EAAQ,WAAWqD,OAAOC,OAAOkB,MAAc,IAAPQ,GAAgBhF,EAAQ,WAAWqD,OAAOC,OAAO0B,MACl2B,OAAoB,gBAAoBhB,EAAW,YAAS,CAC1D9D,UAAWA,EACXsD,IAAKA,GACJ4B,OAGDC,EAAa,aAvKG,SAAgBpG,GAClC,OAAO,YAAS,CAEdC,KAAM,GAGNkB,UAAW,CACTkF,UAAW,aACXC,QAAS,OACTC,SAAU,OACVC,MAAO,QAITpF,KAAM,CACJiF,UAAW,aACXI,OAAQ,KAKVP,aAAc,CACZQ,SAAU,GAIZ,sBAAuB,CACrBC,cAAe,UAIjB,8BAA+B,CAC7BA,cAAe,kBAIjB,2BAA4B,CAC1BA,cAAe,eAIjB,iBAAkB,CAChBJ,SAAU,UAIZ,uBAAwB,CACtBA,SAAU,gBAIZ,wBAAyB,CACvB5B,WAAY,UAId,4BAA6B,CAC3BA,WAAY,cAId,0BAA2B,CACzBA,WAAY,YAId,0BAA2B,CACzBA,WAAY,YAId,0BAA2B,CACzBF,aAAc,UAIhB,8BAA+B,CAC7BA,aAAc,cAIhB,4BAA6B,CAC3BA,aAAc,YAIhB,iCAAkC,CAChCA,aAAc,iBAIhB,gCAAiC,CAC/BA,aAAc,gBAIhB,oBAAqB,CACnBmC,eAAgB,UAIlB,sBAAuB,CACrBA,eAAgB,YAIlB,2BAA4B,CAC1BA,eAAgB,iBAIlB,0BAA2B,CACzBA,eAAgB,gBAIlB,0BAA2B,CACzBA,eAAgB,iBA/ItB,SAAwB5G,EAAO6G,GAC7B,IAAIC,EAAS,GAgBb,OAfApD,EAASqD,SAAQ,SAAU1G,GACzB,IAAI2G,EAAehH,EAAMK,QAAQA,GAEZ,IAAjB2G,IAIJF,EAAO,WAAW1C,OAAOyC,EAAY,KAAKzC,OAAO/D,IAAY,CAC3DoG,OAAQ,IAAIrC,OAAOR,EAAUoD,EAAc,IAC3CR,MAAO,eAAepC,OAAOR,EAAUoD,GAAe,KACtD,YAAa,CACX5G,QAASwD,EAAUoD,EAAc,SAIhCF,EAgIJG,CAAejH,EAAO,MAAOA,EAAMkH,YAAYC,KAAKC,QAAO,SAAUC,EAAaC,GAGnF,OApMJ,SAAsBC,EAAcvH,EAAO6G,GACzC,IAAIC,EAAS,GACbnD,EAAWoD,SAAQ,SAAUS,GAC3B,IAAIF,EAAM,QAAQlD,OAAOyC,EAAY,KAAKzC,OAAOoD,GAEjD,IAAa,IAATA,EAUJ,GAAa,SAATA,EAAJ,CAUA,IAAIhB,EAAQ,GAAGpC,OAAOqD,KAAKC,MAAMF,EAAO,GAAK,KAAQ,IAAM,KAG3DV,EAAOQ,GAAO,CACZK,UAAWnB,EACXtG,SAAU,EACV0H,SAAUpB,QAfVM,EAAOQ,GAAO,CACZK,UAAW,OACXzH,SAAU,EACV0H,SAAU,aAZZd,EAAOQ,GAAO,CACZK,UAAW,EACXzH,SAAU,EACV0H,SAAU,WAyBG,OAAff,EACF,YAASU,EAAcT,GAEvBS,EAAavH,EAAMkH,YAAYW,GAAGhB,IAAeC,EA6JjDgB,CAAaT,EAAarH,EAAOsH,GAC1BD,IACN,OA4C+B,CAClCU,KAAM,WADS,CAEd7G,GAmBY,O,qBC1RfrB,EAAOC,QAAU,IAA0B,mE,qBCA3CD,EAAOC,QAAU,IAA0B","file":"component---src-pages-720-p-series-cgi-list-index-jsx-6d05c72228485f8e0482.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/720pCGIs_Software-c87b7b6ada07a36889a55ac4f8a74103.png\";","module.exports = __webpack_public_path__ + \"static/720pCGIs_Alarm-230a573be5355dfff52a5526550c47a0.png\";","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { navigate } from 'gatsby'\n\nimport { withStyles } from '@material-ui/core/styles'\n\nimport Grid from '@material-ui/core/Grid'\nimport Paper from '@material-ui/core/Paper'\nimport Typography from '@material-ui/core/Typography'\n\nimport CGIsNetwork from \"../../assets/images/Advanced_User/720pCGIs_Network.png\"\nimport CGIsMultimedia from \"../../assets/images/Advanced_User/720pCGIs_Multimedia.png\"\nimport CGIsSoftware from \"../../assets/images/Advanced_User/720pCGIs_Software.png\"\nimport CGIsAlarm from \"../../assets/images/Advanced_User/720pCGIs_Alarm.png\"\n// import CGIsRecording from \"../../assets/images/Advanced_User/720pCGIs_Recording.png\"\nimport CGIsSystem from \"../../assets/images/Advanced_User/720pCGIs_System.png\"\nimport CGIsComplete from \"../../assets/images/Advanced_User/720pCGIs_All.png\"\nimport CGIsWebUI from \"../../assets/images/Advanced_User/720pCGIs_WebUI.png\"\n\nconst styles = theme => ({\n  root: {\n    flexGrow: 1,\n  },\n  paper: {\n    padding: theme.spacing(2),\n    color: theme.palette.text.secondary,\n  },\n  card: {\n    padding: theme.spacing(2),\n    color: theme.palette.text.secondary,\n    cursor: 'pointer',\n  },\n  action: {\n    paddingBottom: 5,\n  },\n})\n\nfunction CgiCardSoftware(props) {\n  const { classes } = props;\n\n  return (\n    <React.Fragment>\n      <div className={classes.root}>\n        <Grid container spacing={10}>\n          <Grid item xs={12} sm={6} className={classes.card}>\n            <div onClick={() => navigate('/720p_Series_CGI_List/Software_Menu/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/720p_Series_CGI_List/Software_Menu/')}>\n              <Paper className={classes.paper}>\n                <img alt=\"Software CGIs\" src={CGIsSoftware} />\n                <div className={classes.action}>\n                  <br />\n                  <Typography variant=\"h6\" >\n                    Software Menu\n                  </Typography>\n                </div>\n              </Paper>\n            </div>\n          </Grid>\n          <Grid item xs={12} sm={6} className={classes.card}>\n            <div onClick={() => navigate('/720p_Series_CGI_List/Network_Menu/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/720p_Series_CGI_List/Network_Menu/')}>\n              <Paper className={classes.paper}>\n                <img alt=\"Network CGIs\" src={CGIsNetwork} />\n                <div className={classes.action}>\n                  <br />\n                  <Typography variant=\"h6\" >\n                    Netzwerk Menu\n                  </Typography>\n                </div>\n              </Paper>\n            </div>\n          </Grid>\n        </Grid>\n        <Grid container spacing={10}>\n          <Grid item xs={12} sm={6} className={classes.card}>\n            <div onClick={() => navigate('/720p_Series_CGI_List/System_Menu/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/720p_Series_CGI_List/System_Menu/')}>\n              <Paper className={classes.paper}>\n                <img alt=\"System CGIs\" src={CGIsSystem} />\n                <div className={classes.action}>\n                  <br />\n                  <Typography variant=\"h6\" >\n                    System Menu\n                  </Typography>\n                </div>\n              </Paper>\n            </div>\n          </Grid>\n          <Grid item xs={12} sm={6} className={classes.card}>\n            <div onClick={() => navigate('/720p_Series_CGI_List/Multimedia_Menu/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/720p_Series_CGI_List/Multimedia_Menu/')}>\n              <Paper className={classes.paper}>\n                <img alt=\"Multimedia CGIs\" src={CGIsMultimedia} />\n                <div className={classes.action}>\n                  <br />\n                  <Typography variant=\"h6\" >\n                    Multimedia Menu\n                  </Typography>\n                </div>\n              </Paper>\n            </div>\n          </Grid>\n        </Grid>\n        <Grid container spacing={10}>\n          <Grid item xs={12} sm={6} className={classes.card}>\n            <div onClick={() => navigate('/720p_Series_CGI_List/Alarm_Menu/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/720p_Series_CGI_List/Alarm_Menu/')}>\n              <Paper className={classes.paper}>\n                <img alt=\"Alarm CGIs\" src={CGIsAlarm} />\n                <div className={classes.action}>\n                  <br />\n                  <Typography variant=\"h6\" >\n                    Alarm Menu\n                  </Typography>\n                </div>\n              </Paper>\n            </div>\n          </Grid>\n          {/* <Grid item xs={12} sm={6} className={classes.card}>\n            <div onClick={() => navigate('/720p_Series_CGI_List/Recording_Menu/')}>\n              <Paper className={classes.paper}>\n                <img alt=\"Recording CGIs\" src={CGIsRecording} />\n                <div className={classes.action}>\n                  <br />\n                  <Typography variant=\"h6\" >\n                    Aufnahme Menu\n                  </Typography>\n                </div>\n              </Paper>\n            </div>\n          </Grid> */}\n        </Grid>\n        <Grid container spacing={10}>\n          <Grid item xs={12} sm={6} className={classes.card}>\n            <div onClick={() => navigate('/720p_Series_CGI_List/Complete_CGI_List/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/720p_Series_CGI_List/Complete_CGI_List/')}>\n              <Paper className={classes.paper}>\n                <img alt=\"Complete CGIs\" src={CGIsComplete} />\n                <div className={classes.action}>\n                  <br />\n                  <Typography variant=\"h6\" >\n                    Komplette CGI Liste\n                  </Typography>\n                </div>\n              </Paper>\n            </div>\n          </Grid>\n          <Grid item xs={12} sm={6} className={classes.card}>\n            <div onClick={() => navigate('/Web_User_Interface/720p_Series/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/Web_User_Interface/720p_Series/')}>\n              <Paper className={classes.paper}>\n                <img alt=\"720p WebUI\" src={CGIsWebUI} />\n                <div className={classes.action}>\n                  <br />\n                  <Typography variant=\"h6\" >\n                    720p WebUI\n                  </Typography>\n                </div>\n              </Paper>\n            </div>\n          </Grid>\n        </Grid>\n      </div>\n    </React.Fragment>\n  );\n}\n\nCgiCardSoftware.propTypes = {\n  classes: PropTypes.object.isRequired,\n}\n\n// export default withRoot(withStyles(styles)(CgiCardSoftware))\nexport default withStyles(styles)(CgiCardSoftware)","import React from \"react\"\n\nimport Cards from \"../../components/CGI_Commands/720p-cgis-card\"\nimport BreadCrumbs from '../../components/Layout/breadcrumbs/breadcrumbs'\n\nimport SEOHelmet from '../../components/Layout/SEOHelmet'\nimport Footer from \"../../components/Layout/footer\"\n\nconst seodata = {\n  title: '720p CGI Commands',\n  description: 'Control your camera´s function directly through its Common Gateway Interface. Use third-party Software to automate regular operations.',\n  image: '/images/Search/AU_SearchThumb_CGICommands_720p.png'\n}\n\nexport default (props) => (\n  <React.Fragment>\n    <SEOHelmet title={seodata.title} description={seodata.description} image={seodata.image} location={props.location.pathname} />\n\n    <h1 id=\"introduction\" style={{ marginTop: 0 }}>\n      INSTAR 720p IP Camera CGI Application Guide\n    </h1>\n\n    <BreadCrumbs\n      pills={\n        [\n          {\n            pill: \"Developer\",\n            link: \"/fr/Advanced_User/\"\n          },\n          {\n            pill: \"CGI Commands\",\n            link: \"/fr/Advanced_User/CGI_Commands/\"\n          },\n          {\n            pill: \"720p Series CGIs\",\n            link: \"/fr/720p_Series_CGI_List/\"\n          },\n        ]\n      } />\n\n    <h1 id=\"introduction\" style={{ marginTop: 0 }}>\n      INSTAR 720p IP Camera CGI Application Guide\n    </h1>\n\n    <h2>IP Camera CGI Introduction</h2>\n    <p>CGI listed in this file which is provided for your INSTAR IP camera, is an interface based on the HTTP protocol and the client application (e.g. a webpage in your web browsers or other applications). You can make various operations on the device by this set of CGI commands.</p>\n\n    <ul>\n      <li>CGI authentication: to access below CGI commands you need to authenticate your user level. Different CGI commands need different authority: visitor, operator or admin. The authentication is handled over the http protocol by attaching the user name and password directly to the CGI parameter. Example:<br/><code>/cgi-bin/hi3510/cleanlog.cgi?usr=admin&pwd=instar</code></li>\n      <li>All the CGI commands support GET and POST operation - except upgrade.cgi and restore.cgi, which can only be used in a POST operation.</li>\n    </ul>\n\n    <h3>GET Example:</h3>\n    <p><code>&#60;form name=&quot;form2&quot; method=&quot;get&quot; action=&quot;cgi-bin/hi3510/cleanlog.cgi&quot;&#62; <br/>&#60;input name=&quot;cururl&quot; type=&quot;hidden&quot; &#62; <br/> &#60;input name=&quot;name&quot; type=&quot;hidden&quot; value=&quot;access&quot;&#62;&#60;/form&#62;</code></p>\n\n    <h3>POST Example:</h3>\n    <p><code>&#60;form name=&quot;form5&quot; method=&quot;post&quot; target=&quot;retframe&quot; enctype=&quot;multipart/form-data&quot;action=&quot;cgi-bin/hi3510/upgrade.cgi&quot; onSubmit=&quot;return upgrade()&quot;&#62; <br/> &#60;input type=&quot;file&quot; name=&quot;setting_file&quot;&#62; <br/> &#60;input type=&quot;submit&quot; value=&quot; submit&quot;&#62; &#60;/form&#62;</code></p>\n\n    <h3>CGI Return:</h3>\n    <p>Depending on the returned info, the returns can be divided into two cases:</p>\n    <ul>\n      <li>GET CGI of device status and parameter, if successful，will return plain txt which includes the device status or parameter. The format is specified as javascript and every status or parameter as a variable:<br/><br/><code>var bps_1=&quot;2048&quot;;<br/>var fps_1=&quot;25&quot;;<br/>var gop_1=&quot;50&quot;;<br/>var brmode_1=&quot;1&quot;;<br/>var imagegrade_1=&quot;1&quot;;<br/>var width_1=&quot;704&quot;;<br/>var height_1=&quot;576&quot;;</code><br/><br/>If the GET fails, it will return：<code>“[Error]GET video attribution error! errcode is 0xa10e6008”</code>.</li>\n      <li>Set device parameter will return plain txt including the result of the operation. If successful, the return will be <code>HTTP/1.0 200 OK</code>. If the operation fails an error message will be returned, like: <code>[Error][Data-Length:91] unrecognized or incomplete command line..</code></li>\n      <li>CGI commands can be typed into your web browsers address line directly for testing:</li>\n    </ul>\n    <Cards />\n    <h2>List of the most needed CGI commands</h2>\n    <p>Both ways to authenticate are valid - e.g. for user = admin and password = instar:</p>\n    <ul>\n      <li>http://admin:instar@IP ...</li>\n      <li>... ?usr=admin&pwd=instar</li>\n    </ul>\n    <p>Both are used interchangeable in this documentation!</p>\n    <table>\n      <thead>\n        <tr>\n          <th colSpan=\"2\" >Video & Snapshot</th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr>\n          <td>\n            rtsp://admin:instar@IP-Address:RTSP-Port/11<br />\n            <small>VLC Stream (High Resolution)</small>\n          </td>\n        </tr>\n        <tr>\n          <td>\n            rtsp://admin:instar@IP-Address:RTSP-Port/12<br />\n            <small>VLC Stream (Medium Resolution)</small>\n          </td>\n        </tr>\n        <tr>\n          <td>\n            rtsp://admin:instar@IP-Address:RTSP-Port/13<br />\n            <small>VLC Stream (Low Resolution)</small>\n          </td>\n        </tr>\n        <tr>\n          <td>\n            http://IP-Address:Port/tmpfs/snap.jpg?usr=admin&pwd=instar<br />\n            <small>Snapshot (720p)</small>\n          </td>\n        </tr>\n        <tr>\n          <td>\n            http://IP-Address:Port/tmpfs/auto.jpg?usr=admin&pwd=instar<br />\n            <small>Snapshot (352p)</small>\n          </td>\n        </tr>\n        <tr>\n          <td>\n            http://IP-Address:Port/tmpfs/auto2.jpg?usr=admin&pwd=instar<br />\n            <small>Snapshot (176p)</small>\n          </td>\n        </tr>\n        <tr>\n          <td>\n            http://IP-Address:Port/mjpegstream.cgi?-chn=11&-usr=admin&-pwd=instar<br />\n            <small>MJPEG Stream 11</small>\n          </td>\n        </tr>\n        <tr>\n          <td>\n            http://IP-Address:Port/mjpegstream.cgi?-chn=12&-usr=admin&-pwd=instar<br />\n            <small>MJPEG Stream 12</small>\n          </td>\n        </tr>\n        <tr>\n          <td>\n            http://IP-Address:Port/mjpegstream.cgi?-chn=13&-usr=admin&-pwd=instar<br />\n            <small>MJPEG Stream 13</small>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n    <p>also note the additional SDK documentation for accessing video / audio</p>\n    <table>\n      <thead>\n        <tr>\n          <th colSpan=\"2\" >Pan & Tilt</th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr>\n          <td>\n            http://IP-Address:Port/cgi-bin/hi3510/ptzctrl.cgi?-step=0&-act=right<br />\n            <small>Moves continuously right</small>\n          </td>\n        </tr>\n        <tr>\n          <td>\n            http://IP-Address:Port/cgi-bin/hi3510/ptzctrl.cgi?-step=0&-act=left<br />\n            <small>Moves continuously left</small>\n          </td>\n        </tr>\n        <tr>\n          <td>\n            http://IP-Address:Port/cgi-bin/hi3510/ptzctrl.cgi?-step=0&-act=up<br />\n            <small>Moves continuously up</small>\n          </td>\n        </tr>\n        <tr>\n          <td>\n            http://IP-Address:Port/cgi-bin/hi3510/ptzctrl.cgi?-step=0&-act=down<br />\n            <small>Moves continuously down</small>\n          </td>\n        </tr>\n        <tr>\n          <td>\n            http://IP-Address:Port/cgi-bin/hi3510/ptzctrl.cgi?-step=0&-act=stop<br />\n            <small>Stops moving camera-head</small>\n          </td>\n        </tr>\n        <tr>\n          <td>\n            http://IP-Address:Port/cgi-bin/hi3510/ptzctrl.cgi?-step=1&-act=right<br />\n            <small>Moves one step right</small>\n          </td>\n        </tr>\n        <tr>\n          <td>\n            http://IP-Address:Port/cgi-bin/hi3510/ptzctrl.cgi?-step=1&-act=left<br />\n            <small>Moves one step left</small>\n          </td>\n        </tr>\n        <tr>\n          <td>\n            http://IP-Address:Port/cgi-bin/hi3510/ptzctrl.cgi?-step=1&-act=up<br />\n            <small>Moves one step up</small>\n          </td>\n        </tr>\n        <tr>\n          <td>\n            http://IP-Address:Port/cgi-bin/hi3510/ptzctrl.cgi?-step=1&-act=down<br />\n            <small>Moves one step down</small>\n          </td>\n        </tr>\n        <tr>\n          <td>\n            http://IP-Address:Port/cgi-bin/hi3510/ptzctrl.cgi?-step=0&-act=home<br />\n            <small>Go to Center Position</small>\n          </td>\n        </tr>\n        <tr>\n          <td>\n            http://IP-Address:Port/cgi-bin/hi3510/ptzctrl.cgi?-step=0&-act=hscan<br />\n            <small>Scan horizontal</small>\n          </td>\n        </tr>\n        <tr>\n          <td>\n            http://IP-Address:Port/cgi-bin/hi3510/ptzctrl.cgi?-step=0&-act=vscan<br />\n            <small>Scan vertical</small>\n          </td>\n        </tr>\n        <tr>\n          <td>\n            http://IP-Address:Port/cgi-bin/hi3510/preset.cgi?-act=set&-status=1&-number=[0-7]<br />\n            <small>Set a position</small>\n          </td>\n        </tr>\n        <tr>\n          <td>\n            http://IP-Address:Port/cgi-bin/hi3510/preset.cgi?-act=set&-status=0&-number=[0-7]<br />\n            <small>Unset a position</small>\n          </td>\n        </tr>\n        <tr>\n          <td>\n            http://IP-Address:Port/cgi-bin/hi3510/preset.cgi?-act=goto&-status=1&-number=[0-7]<br />\n            <small>goto to a set position</small>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n    <table>\n      <thead>\n        <tr>\n          <th colSpan=\"2\" >Image</th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr>\n          <td>\n            http://IP-Address:Port/cgi-bin/hi3510/param.cgi?cmd=setimageattr<br />\n            <small>Sets the Image Parameter</small>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n    <p>You can set the following parameters:</p>\n    <ul>\n      <li>brightness :: [0 - 255] the bigger the value the brighter the image</li>\n      <li>saturation :: [0 - 255] the bigger the value the more saturation the image has</li>\n      <li>contrast :: [0 - 255] the bigger the value the more contrast the image has</li>\n      <li>hue :: [0 - 127] the bigger the value the more hue the image has</li>\n      <li>flip :: (on , off) flips the image</li>\n      <li>mirror :: (on , off) flips the image</li>\n      <li>scene :: (auto , indoor , outdoor) sets the white balance mode</li>\n    </ul>\n    <p>Example:</p>\n    <code>http://IP-Address:Port/cgi-bin/hi3510/param.cgi?cmd=setimageattr&-brightness=0&-saturation=0&-contrast=0&-hue=0&-flip=off&-mirror=off&-scene=auto</code>\n    <table>\n      <thead>\n        <tr>\n          <th colSpan=\"2\" >WLAN</th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr>\n          <td>\n            http://IP-Address:Port/cgi-bin/hi3510/param.cgi?cmd=setwirelessattr<br />\n            <small>Reset the Parameter Values</small>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n    <p>Example:</p>\n    <code>http://IP-Address:Port/cgi-bin/hi3510/param.cgi?cmd=setwirelessattr&-wf_ssid=SSID&-wf_enable=0&-wf_auth=2&-wf_key=1234&-wf_enc=1&-wf_mode=0</code>\n    <table>\n      <thead>\n        <tr>\n          <th colSpan=\"2\" >IR-LED</th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr>\n          <td>\n            http://192.168.178.87/cgi-bin/hi3510/param.cgi?cmd=setinfrared&-infraredstat=auto<br />\n            <small>Sets IR LED&apos;s to auto mode</small>\n          </td>\n        </tr>\n        <tr>\n          <td>\n            http://192.168.178.87/cgi-bin/hi3510/param.cgi?cmd=setinfrared&-infraredstat=open<br />\n            <small>Sets IR LED&apos;s always active :: only IN-6011</small>\n          </td>\n        </tr>\n        <tr>\n          <td>\n            http://192.168.178.87/cgi-bin/hi3510/param.cgi?cmd=setinfrared&-infraredstat=close<br />\n            <small>Sets IR LED&apos;s always inactive</small>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n    <table>\n      <thead>\n        <tr>\n          <th colSpan=\"2\" >ALARM</th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr>\n          <td>\n            http://admin:instar@192.168.xxx.xxx/cgi-bin/hi3510/param.cgi?cmd=pushhostalarm<br />\n            <small>trigger an alarm on your camera</small>\n          </td>\n        </tr>\n        <tr>\n          <td>\n            http://admin:instar@192.168.xxx.xxx/cgi-bin/hi3510/param.cgi?cmd=setmdattr&-enable=1&-name=1<br />\n            <small>enables the md area 1</small>\n          </td>\n        </tr>\n        <tr>\n          <td>\n            http://admin:instar@192.168.xxx.xxx/cgi-bin/hi3510/param.cgi?cmd=setmdattr&-enable=0&-name=1<br />\n            <small>disables the md area 1</small>\n          </td>\n        </tr>\n        <tr>\n          <td>\n            http://192.168.x.x/cgi-bin/hi3510/param.cgi?cmd=setioattr&-io_enable=1&-io_flag=1<br />\n            <small>enable / disable external alarm in to trigger recording</small>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n    <p>Example:</p>\n    <code>http://admin:instar@192.168.xxx.xxx/cgi-bin/hi3510/param.cgi?cmd=setmdattr&-enable=0&-name=1&cmd=setmdattr&-enable=0&-name=2&cmd=setmdattr&-enable=0&-name=3&cmd=setmdattr&-enable=0&-name=4</code>\n    <h3>Camera Model</h3>\n    <p>Installing the wrong Firmware can overwrite your camera Identification. Use the following commands to reset your camera model:</p>\n    <table>\n      <thead>\n        <tr>\n          <th colSpan=\"2\" >Set your Camera Model</th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr>\n          <td>\n            http://192.168.178.133:83/param.cgi?cmd=get_instar_guest&-index=47<br />\n            <small>Get set camera model</small>\n          </td>\n        </tr>\n        <tr>\n          <td>\n            http://192.168.178.133:83/param.cgi?cmd=set_instar_guest&-index=47&-value=6014<br />\n            <small>Set your camera model</small>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n    <table>\n      <thead>\n        <tr>\n          <th colSpan=\"2\" >Set PoE or WiFi Model:</th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr>\n          <td>\n            http://192.168.178.133:83/param.cgi?cmd=get_instar_guest&-index=48<br />\n            <small>Get PoE variable :: PoE (true) or WLAN (false)</small>\n          </td>\n        </tr>\n        <tr>\n          <td>\n            http://192.168.178.133:83//param.cgi?cmd=set_instar_guest&-index=48&-value=false<br />\n            <small>If PoE is true, the WiFi menu will not be displayed!</small>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n    <br />\n    <br />\n    <Footer\n      previousTitle=\"CGI Befehle\"\n      previousLink=\"/fr/Erweitert/CGI_Befehle/\"\n      nextTitle=\"1080p Series CGI List\"\n      nextLink=\"/fr/1080p_Series_CGI_List/\" />\n  </React.Fragment>\n);","module.exports = __webpack_public_path__ + \"static/720pCGIs_WebUI-15637d44d641cc593f0d7d094a87bd28.png\";","module.exports = __webpack_public_path__ + \"static/720pCGIs_All-66f59159b9dbaa91678dbfc9c282dc03.png\";","module.exports = __webpack_public_path__ + \"static/720pCGIs_Network-2afffbf6f7d34f7d29920852f75c8ab7.png\";","import \"core-js/modules/es.array.reduce.js\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\"; // A grid component using the following libs as inspiration.\n//\n// For the implementation:\n// - https://getbootstrap.com/docs/4.3/layout/grid/\n// - https://github.com/kristoferjoseph/flexboxgrid/blob/master/src/css/flexboxgrid.css\n// - https://github.com/roylee0704/react-flexbox-grid\n// - https://material.angularjs.org/latest/layout/introduction\n//\n// Follow this flexbox Guide to better understand the underlying model:\n// - https://css-tricks.com/snippets/css/a-guide-to-flexbox/\n\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport withStyles from '../styles/withStyles';\nimport requirePropFactory from '../utils/requirePropFactory';\nvar SPACINGS = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];\nvar GRID_SIZES = ['auto', true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];\n\nfunction generateGrid(globalStyles, theme, breakpoint) {\n  var styles = {};\n  GRID_SIZES.forEach(function (size) {\n    var key = \"grid-\".concat(breakpoint, \"-\").concat(size);\n\n    if (size === true) {\n      // For the auto layouting\n      styles[key] = {\n        flexBasis: 0,\n        flexGrow: 1,\n        maxWidth: '100%'\n      };\n      return;\n    }\n\n    if (size === 'auto') {\n      styles[key] = {\n        flexBasis: 'auto',\n        flexGrow: 0,\n        maxWidth: 'none'\n      };\n      return;\n    } // Keep 7 significant numbers.\n\n\n    var width = \"\".concat(Math.round(size / 12 * 10e7) / 10e5, \"%\"); // Close to the bootstrap implementation:\n    // https://github.com/twbs/bootstrap/blob/8fccaa2439e97ec72a4b7dc42ccc1f649790adb0/scss/mixins/_grid.scss#L41\n\n    styles[key] = {\n      flexBasis: width,\n      flexGrow: 0,\n      maxWidth: width\n    };\n  }); // No need for a media query for the first size.\n\n  if (breakpoint === 'xs') {\n    _extends(globalStyles, styles);\n  } else {\n    globalStyles[theme.breakpoints.up(breakpoint)] = styles;\n  }\n}\n\nfunction getOffset(val) {\n  var div = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;\n  var parse = parseFloat(val);\n  return \"\".concat(parse / div).concat(String(val).replace(String(parse), '') || 'px');\n}\n\nfunction generateGutter(theme, breakpoint) {\n  var styles = {};\n  SPACINGS.forEach(function (spacing) {\n    var themeSpacing = theme.spacing(spacing);\n\n    if (themeSpacing === 0) {\n      return;\n    }\n\n    styles[\"spacing-\".concat(breakpoint, \"-\").concat(spacing)] = {\n      margin: \"-\".concat(getOffset(themeSpacing, 2)),\n      width: \"calc(100% + \".concat(getOffset(themeSpacing), \")\"),\n      '& > $item': {\n        padding: getOffset(themeSpacing, 2)\n      }\n    };\n  });\n  return styles;\n} // Default CSS values\n// flex: '0 1 auto',\n// flexDirection: 'row',\n// alignItems: 'flex-start',\n// flexWrap: 'nowrap',\n// justifyContent: 'flex-start',\n\n\nexport var styles = function styles(theme) {\n  return _extends({\n    /* Styles applied to the root element. */\n    root: {},\n\n    /* Styles applied to the root element if `container={true}`. */\n    container: {\n      boxSizing: 'border-box',\n      display: 'flex',\n      flexWrap: 'wrap',\n      width: '100%'\n    },\n\n    /* Styles applied to the root element if `item={true}`. */\n    item: {\n      boxSizing: 'border-box',\n      margin: '0' // For instance, it's useful when used with a `figure` element.\n\n    },\n\n    /* Styles applied to the root element if `zeroMinWidth={true}`. */\n    zeroMinWidth: {\n      minWidth: 0\n    },\n\n    /* Styles applied to the root element if `direction=\"column\"`. */\n    'direction-xs-column': {\n      flexDirection: 'column'\n    },\n\n    /* Styles applied to the root element if `direction=\"column-reverse\"`. */\n    'direction-xs-column-reverse': {\n      flexDirection: 'column-reverse'\n    },\n\n    /* Styles applied to the root element if `direction=\"row-reverse\"`. */\n    'direction-xs-row-reverse': {\n      flexDirection: 'row-reverse'\n    },\n\n    /* Styles applied to the root element if `wrap=\"nowrap\"`. */\n    'wrap-xs-nowrap': {\n      flexWrap: 'nowrap'\n    },\n\n    /* Styles applied to the root element if `wrap=\"reverse\"`. */\n    'wrap-xs-wrap-reverse': {\n      flexWrap: 'wrap-reverse'\n    },\n\n    /* Styles applied to the root element if `alignItems=\"center\"`. */\n    'align-items-xs-center': {\n      alignItems: 'center'\n    },\n\n    /* Styles applied to the root element if `alignItems=\"flex-start\"`. */\n    'align-items-xs-flex-start': {\n      alignItems: 'flex-start'\n    },\n\n    /* Styles applied to the root element if `alignItems=\"flex-end\"`. */\n    'align-items-xs-flex-end': {\n      alignItems: 'flex-end'\n    },\n\n    /* Styles applied to the root element if `alignItems=\"baseline\"`. */\n    'align-items-xs-baseline': {\n      alignItems: 'baseline'\n    },\n\n    /* Styles applied to the root element if `alignContent=\"center\"`. */\n    'align-content-xs-center': {\n      alignContent: 'center'\n    },\n\n    /* Styles applied to the root element if `alignContent=\"flex-start\"`. */\n    'align-content-xs-flex-start': {\n      alignContent: 'flex-start'\n    },\n\n    /* Styles applied to the root element if `alignContent=\"flex-end\"`. */\n    'align-content-xs-flex-end': {\n      alignContent: 'flex-end'\n    },\n\n    /* Styles applied to the root element if `alignContent=\"space-between\"`. */\n    'align-content-xs-space-between': {\n      alignContent: 'space-between'\n    },\n\n    /* Styles applied to the root element if `alignContent=\"space-around\"`. */\n    'align-content-xs-space-around': {\n      alignContent: 'space-around'\n    },\n\n    /* Styles applied to the root element if `justify=\"center\"`. */\n    'justify-xs-center': {\n      justifyContent: 'center'\n    },\n\n    /* Styles applied to the root element if `justify=\"flex-end\"`. */\n    'justify-xs-flex-end': {\n      justifyContent: 'flex-end'\n    },\n\n    /* Styles applied to the root element if `justify=\"space-between\"`. */\n    'justify-xs-space-between': {\n      justifyContent: 'space-between'\n    },\n\n    /* Styles applied to the root element if `justify=\"space-around\"`. */\n    'justify-xs-space-around': {\n      justifyContent: 'space-around'\n    },\n\n    /* Styles applied to the root element if `justify=\"space-evenly\"`. */\n    'justify-xs-space-evenly': {\n      justifyContent: 'space-evenly'\n    }\n  }, generateGutter(theme, 'xs'), theme.breakpoints.keys.reduce(function (accumulator, key) {\n    // Use side effect over immutability for better performance.\n    generateGrid(accumulator, theme, key);\n    return accumulator;\n  }, {}));\n};\nvar Grid = /*#__PURE__*/React.forwardRef(function Grid(props, ref) {\n  var _props$alignContent = props.alignContent,\n      alignContent = _props$alignContent === void 0 ? 'stretch' : _props$alignContent,\n      _props$alignItems = props.alignItems,\n      alignItems = _props$alignItems === void 0 ? 'stretch' : _props$alignItems,\n      classes = props.classes,\n      classNameProp = props.className,\n      _props$component = props.component,\n      Component = _props$component === void 0 ? 'div' : _props$component,\n      _props$container = props.container,\n      container = _props$container === void 0 ? false : _props$container,\n      _props$direction = props.direction,\n      direction = _props$direction === void 0 ? 'row' : _props$direction,\n      _props$item = props.item,\n      item = _props$item === void 0 ? false : _props$item,\n      _props$justify = props.justify,\n      justify = _props$justify === void 0 ? 'flex-start' : _props$justify,\n      _props$lg = props.lg,\n      lg = _props$lg === void 0 ? false : _props$lg,\n      _props$md = props.md,\n      md = _props$md === void 0 ? false : _props$md,\n      _props$sm = props.sm,\n      sm = _props$sm === void 0 ? false : _props$sm,\n      _props$spacing = props.spacing,\n      spacing = _props$spacing === void 0 ? 0 : _props$spacing,\n      _props$wrap = props.wrap,\n      wrap = _props$wrap === void 0 ? 'wrap' : _props$wrap,\n      _props$xl = props.xl,\n      xl = _props$xl === void 0 ? false : _props$xl,\n      _props$xs = props.xs,\n      xs = _props$xs === void 0 ? false : _props$xs,\n      _props$zeroMinWidth = props.zeroMinWidth,\n      zeroMinWidth = _props$zeroMinWidth === void 0 ? false : _props$zeroMinWidth,\n      other = _objectWithoutProperties(props, [\"alignContent\", \"alignItems\", \"classes\", \"className\", \"component\", \"container\", \"direction\", \"item\", \"justify\", \"lg\", \"md\", \"sm\", \"spacing\", \"wrap\", \"xl\", \"xs\", \"zeroMinWidth\"]);\n\n  var className = clsx(classes.root, classNameProp, container && [classes.container, spacing !== 0 && classes[\"spacing-xs-\".concat(String(spacing))]], item && classes.item, zeroMinWidth && classes.zeroMinWidth, direction !== 'row' && classes[\"direction-xs-\".concat(String(direction))], wrap !== 'wrap' && classes[\"wrap-xs-\".concat(String(wrap))], alignItems !== 'stretch' && classes[\"align-items-xs-\".concat(String(alignItems))], alignContent !== 'stretch' && classes[\"align-content-xs-\".concat(String(alignContent))], justify !== 'flex-start' && classes[\"justify-xs-\".concat(String(justify))], xs !== false && classes[\"grid-xs-\".concat(String(xs))], sm !== false && classes[\"grid-sm-\".concat(String(sm))], md !== false && classes[\"grid-md-\".concat(String(md))], lg !== false && classes[\"grid-lg-\".concat(String(lg))], xl !== false && classes[\"grid-xl-\".concat(String(xl))]);\n  return /*#__PURE__*/React.createElement(Component, _extends({\n    className: className,\n    ref: ref\n  }, other));\n});\nprocess.env.NODE_ENV !== \"production\" ? void 0 : void 0;\nvar StyledGrid = withStyles(styles, {\n  name: 'MuiGrid'\n})(Grid);\n\nif (process.env.NODE_ENV !== 'production') {\n  var requireProp = requirePropFactory('Grid');\n  StyledGrid.propTypes = _extends({}, StyledGrid.propTypes, {\n    alignContent: requireProp('container'),\n    alignItems: requireProp('container'),\n    direction: requireProp('container'),\n    justify: requireProp('container'),\n    lg: requireProp('item'),\n    md: requireProp('item'),\n    sm: requireProp('item'),\n    spacing: requireProp('container'),\n    wrap: requireProp('container'),\n    xs: requireProp('item'),\n    zeroMinWidth: requireProp('item')\n  });\n}\n\nexport default StyledGrid;","module.exports = __webpack_public_path__ + \"static/720pCGIs_Multimedia-8b406bad3461643bb1840a4b45bb8252.png\";","module.exports = __webpack_public_path__ + \"static/720pCGIs_System-b1a2c137462a96651d2333d9a0a42266.png\";"],"sourceRoot":""}