.annualReturnsGraphContainer{box-shadow:0 0 8px 0 rgba(0,0,0,0.16);border-radius:8px;overflow:hidden}
#annualReturnsGraph{min-height:150px}
.chart-asOnDate{font-size:10px;margin-top:3px}
.graphTopRectangle{background-color:var(--light-white);padding:15px 15px 14px;border-radius:4px;max-width:303px;height:78px;width:100%;font-size:16px;justify-content:space-between}
.annualReturnsGraphBot ul{margin-bottom:0}
.graphTopRectangleLine{border:.5px solid grey;width:0;height:100%;margin:1px 0 3px;opacity:.2}
.chart-arrow{margin-right:5px;height:13px;width:13px}
.annual-chart-title{font-size:16px;line-height:19px;color:var(--black);margin-bottom:4px}
.chart-value{font-size:16px;line-height:19px;color:var(--black);font-weight:500;display:flex;align-items:center}
.annualReturnsGraphTop{justify-content:space-between;padding:28px 20px}
.graphTopRectangle div{justify-content:space-between}
.annualReturnsGraphTop img.bookmark-icon{width:16.8px;height:21.5px}
.annualReturnsGraphMid{height:230px;border-bottom:2px solid var(--light-white);min-height:200px}
.annualReturnsGraphBot ul li{width:auto;height:auto;display:flex;align-items:center;justify-content:center;padding:9px;border-radius:4px;background-color:var(--mocha-bg);margin:10px 5px;color:var(--dark-black);cursor:pointer}
.annualReturnsGraphBot ul li.active{background-color:var(--brown-navbtn);color:white}
.bg-color .brush-bg{background-color:var(--white)}
@media screen and (min-width:280px) and (max-width:600px){.annual-chart-title{font-size:12px;line-height:14px;margin-bottom:2px}
.chart-asOnDate{font-size:8px;margin-top:2px}
.graphTopRectangle{padding:10px 12px 9px 11px;width:228px;height:56px;font-size:12px}
.annualReturnsGraphTop img{width:11px;height:14px}
.annualReturnsGraphBot ul li{width:auto;height:auto;font-size:12px}
.chart-value{font-size:12px;line-height:14px}
}