/* Page-specific CSS
 */

svg.svg-diagram {
  margin-top: 2em;
}
svg.svg-diagram rect.background {
  fill: var(--background-color);
}
svg.svg-diagram text {
  fill: var(--body-fg-color);
}
svg.svg-diagram line {
  stroke: var(--body-fg-color);
}
svg.svg-diagram text.displaymethod {
  text-decoration: underline;
  text-decoration-thickness: 0.1em;
  cursor: pointer;
}
svg.svg-diagram tspan.code {
  font-family: monospace;
  font-size: 0.8em;
}
svg.svg-diagram circle.property {
  fill-opacity: 0.25;
}
svg.svg-diagram circle.selected {
  fill-opacity: 0.75;
}
svg.svg-diagram circle.stylable {
  fill: var(--stylable-color);
}
svg.svg-diagram circle.cacheable {
  fill: var(--cacheable-color);
}
svg.svg-diagram circle.dimensional {
  fill: var(--dimensional-color);
}

svg.svg-diagram g.negation {
  stroke: var(--negation-color);
  stroke-width: 40;
  display: none;
}
svg.svg-diagram g.negation.selected {
  display: block;
}

span.stylable {
  color: var(--stylable-text-color);
}
span.cacheable {
  color: var(--cacheable-text-color);
}
span.dimensional {
  color: var(--dimensional-text-color);
}
svg.icon {
  width: 1em;
  height: 1em;
  vertical-align: middle;
  fill: currentColor;
}
span.example-svg-use {
  color: blueviolet;
}
span.example-svg-use svg {
  height: 1em;
  fill: currentColor;
}
span.example-svg-use svg:hover {
  fill: aquamarine;
}