.affine-viz {
	width: 512;
	margin: 0 auto;
}

label {
}
rect.background{
	stroke: black;
	fill: #f3f8ca;
	opacity: 0.2;
}

circle.corner{
	opacity: 0;
stroke: red;
fill:red;
}

circle.origin{
	opacity: .2;
	fill: white;
	stroke: red;
	cursor: move;
}

circle.rotation{
	opacity: .2;
fill: white;
stroke: black;
cursor:move;
}

circle.initcond{
	fill: white;
	stroke: black;
}

circle.exact{
fill: blue;
stroke: black;
}

circle.modified{
fill:red;
stroke: black;
}


path.exact {
stroke: blue;
fill: none;
stroke-width: 1.5px;
}

path.modified {
	stroke: red;
	fill: none;
	stroke-width: 1px;
	/* stroke-dasharray: 4,4; */
}

.axis {
  shape-rendering: crispEdges;
}

.axis line {
  stroke: #fff;
}

.axis .minor {
  stroke-opacity: .5;
}

.axis path {
  /* display: none; */
}

.axis line, .axis path {
  fill: none;
  stroke: #000;
  opacity: .3;
}

.axis text{
display: none;
}