:root{--greyLight: #999;--white: #fff;--darkBlue: #1e2f40;--chartBg: linear-gradient(180deg, #65b4ff 0%, #4acbb4 100%);--chartTopFillFrom: #61f2a4;--chartTopFillTo: #18f2b4;--chartBottomFillFrom: var(--white);--chartBottomFillTo: var(--white);--pointStroke: var(--white);--pointFill: rgba(255, 255, 255, .3)}body{display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Gilroy, Helvetica, sans-serif;font-size:14px;font-weight:100;box-sizing:border-box;height:100%;width:100%;margin:0;transition:background-color .3s ease-in-out;background:#65b4ff}.wrapper{display:flex;align-items:flex-start}#console{position:fixed;top:0;left:0;padding:8px;color:var(--white);background-color:var(--darkBlue);opacity:.5}figure{margin:auto;padding:0;text-align:center}figure figcaption{padding:7px 5px;font-style:italic;color:var(--greyLight)}svg#chart{margin:0;width:100vw;height:100vh;transition:viewBox .3s ease-in-out}svg#chart path{opacity:1;stroke-width:0;stroke:var(--white);fill:none;stroke-linecap:round;transition:opacity .3s ease-in-out, d 1s ease-in-out}svg#chart path.cash_line{stroke-width:2}svg#chart path.cash_top,svg#chart path.cash_bottom{cursor:pointer}svg#chart path.cash_bottom{mix-blend-mode:normal;fill:url("#gradientBottom")}svg#chart circle{stroke-linecap:round;stroke-width:2px;stroke:var(--pointStroke);fill:var(--pointFill);opacity:.2}svg#chart circle.active,svg#chart circle:hover{opacity:1}.popup{position:fixed;width:100vw;height:100vh;display:none;flex-direction:column;align-items:center;background:linear-gradient(180deg, var(--chartBottomFillFrom) 0%, var(--chartBottomFillTo) 100%)}