.appHeader{display:flex;justify-content:space-between;align-items:center;padding:20px 100px;background-color:#158062;position:fixed;top:0;left:0;width:100%;z-index:2}.mainContent{margin:100px 100px 0}.noChartsText{text-align:center;font-size:24px}.flag{cursor:pointer;background-color:transparent;border:none}.createChartButton{font-size:24px;text-decoration:none;color:#158062;background-color:#fff;padding:10px;border-radius:8px}.charts{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:50px}.chartMainBlockMainTitle{color:#158062;font-size:32px;text-align:center}.filtres{height:100vh;width:300px;position:fixed;top:0;left:0;background-color:#f1f1f1;border-right:2px solid #158062;padding:200px 20px 0}.homeMainContent{margin-top:200px;margin-left:400px}.filtresSearchCard{margin-top:6px;display:flex;align-items:center;gap:6px}.filtresSearchCard input{padding:6px;border:2px solid #158062;border-radius:8px;width:100%;font-size:18px}.filterButton{width:100%;margin-top:20px;background-color:#158062;padding:6px;border:2px solid #158062;border-radius:8px;font-size:18px;color:#fff;cursor:pointer}.filtresSearchCard button:hover{background-color:transparent;color:#158062}.filtresDateCard{display:flex;align-items:center;gap:6px;margin-top:6px}.filtresDateCard input{padding:6px;border:2px solid #158062;border-radius:8px;width:100%;font-size:18px;color:#158062}.filtresTypesCard{margin-top:6px}.typeCard{display:flex;align-items:center;gap:6px;margin-top:10px}.typeCard input{cursor:pointer;width:20px;height:20px}.typeCard label{font-size:18px;cursor:pointer;color:#158062}.filterSubtitle{font-size:20px;color:#158062;margin-top:16px}@media screen and (max-width: 1440px){.appHeader{padding:20px 40px}.createChartButton{font-size:20px}.mainContent{margin:60px 40px 0}.charts{grid-template-columns:repeat(2,1fr)}.homeMainContent{margin-left:340px}}@media screen and (max-width: 1024px){.filtres{position:static;width:100%;height:max-content;margin-top:100px;padding:40px;border-right:none}.mainContent{margin:100px 40px 0}}@media screen and (max-width: 500px){.appHeader{padding:20px}.createChartButton{font-size:18px}.logo{width:130px}.mainContent{margin:30px 20px 0}.charts{grid-template-columns:repeat(1,1fr)}.chartMainBlockMainTitle{font-size:24px}}@media screen and (max-width : 400px){.logo{width:90px;height:45px}.createChartButton{font-size:12px}.flagIcon{width:30px;height:30px}.filtres{margin-top:80px}}.chartComponent>img{filter:grayscale(.6);cursor:pointer;transition:.3s}.chartComponent>img:hover{filter:grayscale(0)}.chartHidden{display:none}.chartInfoOpen{position:fixed;top:0;left:0;z-index:6;width:100%;height:100vh;background-color:#000000e6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;overflow-y:auto;padding:20px}.chartInfoOpen p{color:#fff;font-size:24px;text-align:center;width:70%}.chartInfoOpen button{background-color:#158062;width:280px;height:40px;display:flex;justify-content:center;align-items:center;color:#fff;font-size:20px;border:none;border-radius:8px;cursor:pointer}@media screen and (max-width: 500px){.chartInfoOpen p{font-size:18px;width:100%}.chartInfoOpen img{width:80%}.chartInfoOpen button{width:200px;height:35px;font-size:16px}}.newChartHeader{display:flex;justify-content:space-between;align-items:center;padding:20px 100px;background-color:#158062}.chartsCard{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.chartsCard a{display:flex;flex-direction:column;align-items:center;gap:30px;border-radius:8px;border:2px solid #158062;padding:40px;text-decoration:none}.chartsCard a p{font-size:24px;text-align:center;color:#158062}.chartsCard a:hover{background-color:#158062}.chartsCard a:hover svg path{fill:#fff}.chartsCard a:hover svg.lineChartIcon path{fill:none}.chartsCard a:hover svg path{stroke:#fff}.chartsCard a:hover p{color:#fff}@media screen and (max-width: 1440px){.newChartHeader{padding:20px 40px}.chartsCard{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 1024px){.chartsCard{grid-template-columns:repeat(2,1fr)}.chartsCard a p{text-align:center}}@media screen and (max-width: 500px){.newChartHeader{padding:20px}.chartsCard{grid-template-columns:repeat(1,1fr)}}.newChartHeaderBar{display:flex;justify-content:center;align-items:center;padding:20px 100px;background-color:#158062}.selectChartOrtableCardBar{display:flex;justify-content:center;gap:20px}.chartContainerBar{width:100%;height:400px}.selectChartOrTableButtonBar{cursor:pointer;width:130px;height:50px;border:2px solid #158062;border-radius:8px;background-color:#158062;transition:.3s;margin-top:50px}.selectChartOrTableButtonBar:hover{background-color:transparent}.selectChartOrTableButtonBar:hover svg path{fill:#158062}.chartCardBar{width:100%;margin-top:50px;display:flex;flex-direction:column}.exportChartButtonsCardBar{display:flex;justify-content:center;gap:20px;margin-top:30px}.exportChartButtonBar{padding:10px;cursor:pointer;border:2px solid #158062;border-radius:8px;background-color:#158062;color:#fff;font-size:24px;transition:.3s}.exportChartButtonBar:hover{background-color:transparent;color:#158062}.addRowColumnButtonsCardBar{margin-top:30px;display:flex;gap:20px}.addRowColumnButtonBar{padding:10px;font-size:24px;color:#fff;background-color:#158062;border:2px solid #158062;border-radius:8px;cursor:pointer;transition:.3s}.addRowColumnButtonBar:hover{background-color:transparent;color:#158062}.tableCardBar{margin-top:50px;overflow-x:auto}.tableBar{border-radius:8px}.tableRowBar{display:flex}.tableHeaderColumnBar{display:flex;justify-content:space-between}.tableColumnBar{width:400px;display:flex;padding:20px;border:2px solid #158062;border-radius:4px}.tableColumnBar input{width:100%}.tableColumnInputHeadingBar{font-weight:700;font-size:24px;color:#158062}.invisibleBar{color:#fff;visibility:hidden}.delSvgBar{margin-right:10px}.tableColumnInputBar{font-size:20px}.tableBar button{height:100%;background-color:transparent;border:none;cursor:pointer}.tableBar input{border:none}@media screen and (max-width: 500px){.chartContainerBar{width:100%;height:300px}.selectChartOrTableButtonBar{width:100px;height:50px;margin-top:30px}.exportChartButtonBar{padding:6px;font-size:20px}}.newChartHeaderLine{display:flex;justify-content:center;align-items:center;padding:20px 100px;background-color:#158062}.selectChartOrTableCardLine{display:flex;justify-content:center;gap:20px}.chartContainerLine{width:100%;height:400px}.selectChartOrTableButtonLine{cursor:pointer;width:130px;height:50px;border:2px solid #158062;border-radius:8px;background-color:#158062;transition:.3s;margin-top:50px}.selectChartOrTableButtonLine:hover{background-color:transparent}.selectChartOrTableButtonLine:hover svg path{fill:#158062}.chartCardLine{width:100%;margin-top:50px;display:flex;flex-direction:column}.exportChartButtonsCardLine{display:flex;justify-content:center;gap:20px;margin-top:30px}.exportChartButtonLine{padding:10px;cursor:pointer;border:2px solid #158062;border-radius:8px;background-color:#158062;color:#fff;font-size:24px;transition:.3s}.exportChartButtonLine:hover{background-color:transparent;color:#158062}.addRowColumnButtonsCardLine{margin-top:30px;display:flex;gap:20px}.addRowColumnButtonLine{padding:10px;font-size:24px;color:#fff;background-color:#158062;border:2px solid #158062;border-radius:8px;cursor:pointer;transition:.3s}.addRowColumnButtonLine:hover{background-color:transparent;color:#158062}.tableCardLine{margin-top:50px;overflow-x:auto}.tableLine{border-radius:8px}.tableRowLine{display:flex}.tableHeaderColumnLine{display:flex;justify-content:space-between}.tableColumnLine{width:400px;display:flex;padding:20px;border:2px solid #158062;border-radius:4px}.tableColumnLine input{width:100%}.tableColumnInputHeadingLine{font-weight:700;font-size:24px;color:#158062}.invisibleLine{color:#fff;visibility:hidden}.delSvgLine{margin-right:10px}.tableColumnInputLine{font-size:20px}.tableLine button{height:100%;background-color:transparent;border:none;cursor:pointer}.tableLine input{border:none}@media screen and (max-width: 500px){.chartContainerLine{width:100%;height:300px}.selectChartOrTableButtonLine{width:100px;height:50px;margin-top:30px}.exportChartButtonLine{padding:6px;font-size:20px}}.pieChartTableCardPie{margin-top:50px;overflow-x:auto;display:flex;flex-direction:column;align-items:center}.pieChartTablePie{border-collapse:collapse}.pieChartTablePie th,.pieChartTablePie td{border:2px solid #158062;padding:8px;text-align:center;font-size:18px}.pieChartTablePie input{width:100%;padding:6px;font-size:16px;border:none;outline:none;text-align:center}.chartContainerPie{width:100%;height:400px}.pieChartDeleteButtonPie{padding:6px 10px;background-color:#ff4d4f;border:none;border-radius:4px;color:#fff;cursor:pointer;transition:.3s}.addRowColumnButtonPie{margin-top:30px}.selectChartOrTableCardPie{display:flex;justify-content:center;gap:20px}.selectChartOrTableButtonPie{cursor:pointer;width:130px;height:50px;border:2px solid #158062;border-radius:8px;background-color:#158062;transition:.3s;margin-top:50px}.selectChartOrTableButtonPie:hover{background-color:transparent}.selectChartOrTableButtonPie:hover svg path{fill:#158062}.addRowColumnButtonPie{padding:10px 20px;font-size:20px;color:#fff;background-color:#158062;border:2px solid #158062;border-radius:8px;cursor:pointer;transition:.3s}.addRowColumnButtonPie:hover{background-color:transparent;color:#158062}.exportChartButtonsCardPie{display:flex;justify-content:center;gap:20px;margin-top:30px}.exportChartButtonPie{padding:10px;cursor:pointer;border:2px solid #158062;border-radius:8px;background-color:#158062;color:#fff;font-size:24px;transition:.3s}.exportChartButtonPie:hover{background-color:transparent;color:#158062}.selectChartOrTableCardWorld{display:flex;justify-content:center;gap:20px;margin-top:20px}.chartCardWorld{margin-top:50px;width:100%;display:flex;flex-direction:column;align-items:center}.selectChartOrTableButtonWorld{cursor:pointer;width:150px;height:60px;border:2px solid #158062;border-radius:8px;background-color:#158062;color:#fff;transition:.3s;font-size:18px}.selectChartOrTableButtonWorld:hover{background-color:transparent;color:#158062}.exportChartButtonsCardWorld{display:flex;justify-content:center;gap:20px;margin-top:30px}.exportChartButtonWorld{padding:10px 20px;cursor:pointer;border:2px solid #158062;border-radius:8px;background-color:#158062;color:#fff;font-size:18px;transition:.3s}.addRowWorldButtonWorld{width:100px;color:#fdfdfd;background-color:#158062;font-size:18px;padding:10px;border:none;border-radius:8px;margin-top:15px;cursor:pointer;border:1px solid #158062}.addRowWorldButtonWorld:hover{color:#158062;background-color:#fdfdfd;transition:.2s}.exportChartButtonWorld:hover{background-color:transparent;color:#158062}.tableWorld{border-collapse:separate;border-spacing:8px;min-width:600px}.worldTbodyWorld{border-collapse:separate;border-spacing:8px}.tableCardWorld{margin-top:50px;overflow-x:auto;width:100%;display:block}.tableRowWorld{display:flex}.tableColumnWorld{flex:1;border:2px solid #158062;border-radius:4px;display:flex;align-items:center;justify-content:center;padding:8px;background-color:#fdfdfd;color:#158062}.tableColumnInputWorld{width:100%;padding:8px;font-size:18px;border:none;text-align:center;background-color:transparent;outline:none;color:#158062}.redDelBtnWorld{border:none;background:transparent;color:#fff;font-size:20px;border-radius:8px;padding:4px 8px;cursor:pointer}.addRowColumnButtonsCardWorld{display:flex;justify-content:center;align-items:center}.infoAboutCountriesWorld{width:100%;display:flex;justify-content:center;align-items:center;padding:20px}.tableInfoWorld{border-collapse:collapse;width:300px}.tableInfoHeaderRowWorld{background-color:#158062}.tableInfoWorldHeaderWorld{padding:10px;font-size:14px;color:#fff;border:2px solid #158062}.tableInfoRowWorld td{border:2px solid #158062;padding:10px;font-size:16px;text-align:center;background-color:#fdfdfd}@media screen and (max-width: 900px){.mainContentWorld{margin:0}.chartWorld{width:100%}.tableWorld{min-width:100%}.selectChartOrTableButtonWorld{width:120px;height:50px;font-size:16px}.exportChartButtonWorld{padding:8px 16px;font-size:16px}.addRowWorldButtonWorld{font-size:16px;padding:8px;width:90px}.tableColumnInputWorld{font-size:16px}}@media screen and (max-width: 600px){.tableCardWorld{overflow-x:auto;width:100%}.tableWorld{min-width:600px}.selectChartOrTableCardWorld{flex-direction:column;align-items:center;gap:10px;margin-top:5px}.selectChartOrTableButtonWorld{width:100px;font-size:14px;height:45px}.chartWorld{width:100%;padding:0 10px}.exportChartButtonsCardWorld{flex-direction:column;gap:10px;align-items:center;margin-top:10px}.exportChartButtonWorld{width:150px;padding:8px;font-size:14px}.tableColumnInputWorld{font-size:14px;padding:6px}.redDelBtnWorld{font-size:16px;padding:4px 6px}.addRowWorldButtonWorld{width:100px;font-size:14px}}.selectChartOrTableButtonScatter{cursor:pointer;width:150px;height:60px;border:2px solid #158062;border-radius:8px;background-color:#158062;color:#fff;transition:.3s}.chartCardScatter{margin-top:50px;display:flex;flex-direction:column;padding-top:50px}.tableCardScatter{margin-top:50px;overflow-x:auto}.tableScatter{border-radius:8px}.tableHeaderScatter{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;color:#158062}.tableRowScatter{display:flex;align-items:center;gap:10px;margin-bottom:10px}.tableColumnScatter{width:100%;display:flex;border:2px solid #158062;border-radius:4px}.tableColumnScatter input{width:100%;padding:8px}.tableColumnInputScatter{font-size:20px}.tableScatter button{height:100%;background-color:transparent;border:none;cursor:pointer}.tableScatter input{border:none}.addRowColumnButtonsCardScatter{margin-top:30px;display:flex;gap:20px}.addRowColumnButtonScatter{padding:10px;font-size:24px;color:#fff;background-color:#158062;border:2px solid #158062;border-radius:8px;cursor:pointer;transition:.3s}.delSvgScatter{margin-right:10px}.selectChartOrTableCardScatter{display:flex;justify-content:center;gap:20px}.selectChartOrTableButtonScatter{cursor:pointer;width:130px;height:50px;border:2px solid #158062;border-radius:8px;background-color:#158062;transition:.3s;margin-top:50px}.selectChartOrTableButtonScatter:hover{background-color:transparent}.selectChartOrTableButtonScatter:hover svg path{fill:#158062}.addRowColumnButtonScatter{padding:10px 20px;font-size:20px;color:#fff;background-color:#158062;border:2px solid #158062;border-radius:8px;cursor:pointer;transition:.3s}.addRowColumnButtonScatter:hover{background-color:transparent;color:#158062}.exportChartButtonsCardScatter{display:flex;justify-content:center;gap:20px;margin-top:30px}.exportChartButtonScatter{padding:10px;cursor:pointer;border:2px solid #158062;border-radius:8px;background-color:#158062;color:#fff;font-size:24px;transition:.3s}.exportChartButtonScatter:hover{background-color:transparent;color:#158062}.bubbleTableCardBubble{margin-top:50px;overflow-x:auto;display:flex;flex-direction:column;align-items:center}.selectChartOrTableCardBubble{display:flex;justify-content:center;gap:20px}.chartContainerBubble{width:100%;height:400px}.selectChartOrTableButtonBubble{cursor:pointer;width:130px;height:50px;border:2px solid #158062;border-radius:8px;color:#fff;background-color:#158062;transition:.3s;margin-top:50px}.selectChartOrTableButtonBubble:hover{background-color:transparent}.selectChartOrTableButtonBubble:hover svg path{fill:#158062}.exportChartButtonsCardBubble{display:flex;justify-content:center;gap:20px;margin-top:30px}.exportChartButtonBubble{padding:10px;cursor:pointer;border:2px solid #158062;border-radius:8px;background-color:#158062;color:#fff;font-size:24px;transition:.3s}.exportChartButtonBubble:hover{background-color:transparent;color:#158062}.addRowColumnButtonsCardBubble{display:flex;gap:20px}.bubbleTableBubble{border-collapse:separate;border-spacing:8px;min-width:600px}.tableRowBubble{display:flex}.bubbleTableColumnBubble{flex:1;border:2px solid #158062;border-radius:4px;display:flex;align-items:center;justify-content:center;padding:8px;background-color:#fdfdfd}.bubbleTableColumnInputBubble{width:100%;padding:8px;font-size:18px;border:none;text-align:center;background-color:transparent;outline:none;color:#158062}.addRowColumnButtonDatasetBubble{margin-bottom:20px}.addRowColumnButtonBubble{padding:10px 20px;font-size:20px;color:#fff;background-color:#158062;border:2px solid #158062;border-radius:8px;cursor:pointer;transition:.3s}.addRowColumnButtonBubble:hover{background-color:transparent;color:#158062}.redDelBtnBubble{border:none;background:red;color:#fff;font-size:23px;border-radius:8px;padding:4px 10px}@media screen and (max-width:900px){.chartCardBubble{margin-top:40px;width:550px}}@media screen and (max-width:700px){.tableBubble{border-spacing:6px;min-width:300px}.mainContentBubble{margin:0;padding:0}.selectChartOrTableButtonBubble{width:100px;height:40px}.tableCardBubble{margin-top:0}.addRowColumnButtonBubble{font-size:16px;padding:8px}.tableColumnInputHeadingBubble{width:150px;font-size:18px}.bubbleTableCardBubble{margin-top:50px;overflow-x:auto;width:100%}.bubbleTableBubble{border-collapse:separate;border-spacing:8px;min-width:600px;margin:0 auto}.padForFixBubble{padding-left:200px}.padForFixInpBubble{margin-left:200px}}@media screen and (max-width:600px){.chartCardBubble{margin-top:40px;width:400px}.exportChartButtonBubble{padding:8px;font-size:14px}.mainContentBubble{margin:0;padding:0}.selectChartOrTableButtonBubble{width:100px;height:40px}}@media screen and (max-width : 500px){.padForFixBubble{padding-left:300px}.padForFixInpBubble{margin-left:300px}}@media screen and (max-width:405px){.chartWrapperBubble{overflow-x:auto;width:100%}.chartCardBubble canvas{min-width:400px;height:auto!important}.selectChartOrTableButtonBubble{width:100px;height:40px;margin-top:30px}}*{margin:0;padding:0;box-sizing:border-box;outline:none}