/* TODO: CSS for plugin */
/* TODO: CSS for plugin */
.animate-graph-svg-container{
  height:100%;
  width:100%;
}

.animategraph-title{
  font-size:1.1em;
}
.animategraph-title p {
  text-align:center;
  margin:0;
  padding:0;
  line-height:1.5em;
}

.animategraph-title {
  display:flex;
  justify-content: center;
  line-height:1.5em;
}

.axisY, .axisX{
  font-size:0.7em;
}
.xlab, .ylab{
  font-size:0.8em;
}

div.animategraph:has(.animate-graph-svg-container){
  position:relative;
  width: 100%;
  height:100%;
  min-width: 100px;
  min-height:100px;
  margin:auto;
}

.animategraph.legend{
  position:absolute;
  bottom:0;
}

.animategraph.legendlabel {
  font-size:0.7em;
}

.animategraph.area{
  opacity:0.5!important;
 
  
}

g.animategraph.tick foreignObject, g.animategraph.text foreignObject {
  background-color:inherit;
  color:inherit;
}