body{
    background-color: rgb(30, 35, 40);
}
.tick line{
    stroke: rgb(140, 145, 150);
}
.tick text{
    fill: rgb(140, 145, 150);
    font-size: 9px;
}
.domain{
    stroke: rgb(70, 75, 80);
}
.mark{
    fill: skyblue;
    stroke: skyblue;
    fill-opacity: 0.5;
}
.color0{
    stroke: orange;
    fill: orange;
    fill-opacity: 0.5;
}
.color1{
    stroke: lime;
    fill: lime;
    fill-opacity: 0.5;
}
.color2{
    stroke: skyblue;
    fill: skyblue;
    fill-opacity: 0.5;
}
.color3{
    stroke: violet;
    fill: violet;
    fill-opacity: 0.5;
}
.stripe0{
    fill: rgb(70, 75, 80);
    fill-opacity: 0.3;
}
.stripe1{
    fill-opacity: 0;
}
.mark.hovered{
    stroke-width: 3px;
}
.tick line.grid{
    stroke: rgb(70, 75, 80);
}
.background .bg-rect{
    fill: rgb(50, 55, 60);
    stroke: black;
}
.tooltip text{
    fill: rgb(70, 75, 80);
}