path.marker {
  fill: hsla(0, 0%, 28%, 1);
  shape-rendering: geometricPrecision;
}

line.fret {
  stroke: hsla(0, 0%, 28%, 1);
  stroke-width: 1px;
  shape-rendering: geometricPrecision;
}

.strings .string {
  stroke-width: .4px;
  shape-rendering: geometricPrecision;
  stroke: hsla(0, 0%, 28%, 1);
}

.strings .string:nth-of-type(0n+1) { stroke-width: .5px; }
.strings .string:nth-of-type(0n+2) { stroke-width: .5px; }
.strings .string:nth-of-type(0n+3) { stroke-width: .5px; }
.strings .string:nth-of-type(0n+4) { stroke-width: 1px; }
.strings .string:nth-of-type(0n+5) { stroke-width: 1px; }
.strings .string:nth-of-type(0n+6) { stroke-width: 1px; }
.strings .string:nth-of-type(0n+7) { stroke-width: 1px; }

path.seg {
  fill: #000;
  opacity: 0;
}

.segments .seg.interval {
  fill: #000;
  opacity: 0;
}

.sneezeguard { 
  fill: #000; 
  opacity: 0; 
}

.notes .note {
  stroke: none;
  shape-rendering: geometricPrecision;
}

.notes .note { 
  fill: #fff;
}

.notes .note.root {
  fill: url(#root-fill); 
}

.notes text {
  cursor: default; 
  font-family: "calibri", "consolas",  "trebuchet ms";
  font-size: 4px;
  font-weight: 900;
}

.notes tspan { 
  alignment-baseline: middle; 
  text-anchor: middle;
  dominant-baseline: middle;
  font-family: "calibri", "consolas",  "trebuchet ms";
  font-size: 4px;
  font-weight: 900;
}

/* these should be set in theme CSS. */

/* .notes .scale-root circle {
}
.notes .scale-root text {
} */