:root{--progresschart-chart-title-height:28px;--progresschart-legend-width:256px;--progresschart-xaxis-height:68px;--progresschart-xaxis-title-height:20px;--progresschart-yaxis-width:78px;--progresschart-yaxis-title-width:20px;--progresschart-axis-additional-space:28px;--progresschart-label-font:10pt Tahoma,sans-serif}div.sarosprogresschart{flex-direction:column;width:100%;height:100%;display:flex}div.sarosprogresschart div#charttitle{height:var(--progresschart-chart-title-height);justify-content:center;align-items:center;font-family:Verdana;font-size:14pt;font-weight:700;display:flex}div.sarosprogresschart div#chartbody{flex-direction:row;flex-grow:1;height:100px;display:flex}div.sarosprogresschart div#chartdisplay{flex-direction:column;flex-grow:1;width:100px;display:flex}div.sarosprogresschart div#charttop{flex-direction:row;flex-grow:1;height:100px;display:flex}div.sarosprogresschart div#chatarea{background:#fff;flex-direction:row;flex-grow:1;width:100px;display:flex}div.sarosprogresschart canvas#chartcanvas{width:100%;height:100%}div.sarosprogresschart div#xaxisarea{flex-direction:row;display:flex}div.sarosprogresschart div#xaxisspace{width:var(--progresschart-yaxis-width);flex-grow:0}div.sarosprogresschart div#xaxis{width:100px;height:var(--progresschart-xaxis-height);flex-direction:column;flex-grow:1;display:flex}div.sarosprogresschart div#xaxislabels{height:40px;margin:0px calc(var(--progresschart-axis-additional-space)*-1);flex-grow:1;position:relative}div.sarosprogresschart div#xaxistitle{height:var(--progresschart-xaxis-title-height);justify-content:center;align-items:center;font-size:12pt;display:flex}div.sarosprogresschart div#yaxis{width:var(--progresschart-yaxis-width);flex-direction:row;display:flex}div.sarosprogresschart div#yaxistitle{width:var(--progresschart-yaxis-title-width);writing-mode:vertical-lr;flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;font-size:12pt;display:flex;transform:rotate(180deg)}div.sarosprogresschart div#yaxislabels{width:20px;margin:calc(var(--progresschart-axis-additional-space)*-1)0px;flex-grow:1;position:relative}div.sarosprogresschart div#charterror{z-index:20;background:#ffe4e1;border:2px solid #a9a9a9;border-radius:12px;flex-direction:column;width:400px;height:200px;display:none;position:absolute;top:80px;left:calc(50% - 200px)}div.sarosprogresschart div#charterror div#charterrortitle{color:#fff;background:#b22222;border-top-left-radius:10px;border-top-right-radius:10px;flex-grow:0;justify-content:center;align-items:center;height:28px;display:flex}div.sarosprogresschart div#charterror div#charterrormsg{color:#000;background:#fff;border-bottom-right-radius:10px;border-bottom-left-radius:10px;flex-grow:1;height:40px}div.sarosprogresschart div#legend{color:#000;vertical-align:middle;width:var(--progresschart-legend-width);margin-left:var(--progresschart-axis-additional-space);background-color:#fff;border:4px solid #000;border-radius:8px;flex-grow:0;padding:4px;font-family:Verdana;font-size:8pt}div.sarosprogresschart div#legend div.saros-legendtitle{color:#000;text-align:center;margin-bottom:0;font-family:Verdana;font-size:12pt;font-weight:700}div.sarosprogresschart div#legend div.saros-legendsubtitle{color:#000;text-align:left;margin-top:4px;font-family:Verdana;font-size:10pt;font-weight:700}div.sarosprogresschart div#legend div.saros-legendmlocs{margin:0}div.sarosprogresschart div#legend div.saros-legendclass{color:#000;text-align:center;font-family:Verdana;font-size:8pt}div.sarosprogresschart div#legend div.saros-legendpercentile{color:navy;text-align:center;font-family:Verdana;font-size:10pt;font-weight:700}div.sarosprogresschart div#legend div.saros-legendaverage{color:maroon;text-align:center;font-family:Verdana;font-size:10pt;font-weight:700}div.sarosprogresschart div#legend div.saros-legentypes{flex-direction:column;margin:0 0 0 16px;display:flex}div.sarosprogresschart div#legend div.saros-legentypes>div{flex-direction:row;height:20px;display:flex}div.sarosprogresschart div#legend div.saros-legentypes>div>div{flex-grow:1;align-items:center;width:36px;display:flex;overflow:hidden}div.sarosprogresschart div#legend div.saros-legentypes>div>div:first-of-type{flex-grow:0}