import { css } from 'chrome://resources/lit/v3_0/lit.rollup.js';
import 'chrome://resources/cr_elements/cr_shared_vars.css.js';
let instance = null;
export function getCss() {
    return instance || (instance = [...[], css `
.links line {
  stroke: #999;
  stroke-opacity: 0.6;
  stroke-width: 1;
}

.dashed-links line {
  marker-start: url(#arrowToSource);
  stroke: #999;
  stroke-dasharray: 3;
  stroke-opacity: 0.6;
  stroke-width: 1;
}

#arrowToSource {
  fill: #999;
  stroke: #999;
}

.nodes circle {
  stroke: #000;
  stroke-width: 1.5px;
}

.nodes circle.pinned {
  stroke: red;
}

.dead image {
  display: none;
}

.separator {
  font: italic 13px sans-serif;
  user-select: none;
}

div.tooltip {
  background: lightsteelblue;
  border: 0;
  border-radius: 8px;
  padding: 2px;
  position: absolute;
  text-align: center;
}

@media (prefers-color-scheme: dark) {
  div.tooltip {
    background: dimgray;
  }

  .separator {
    fill: var(--cr-secondary-text-color);
  }

  .separators line {
    stroke: var(--cr-secondary-text-color);
  }
}

tr {
  font: 10px sans-serif;
}

tr.heading > td {
  font-weight: bold;
  text-align: center;
}

tr.value > td:nth-child(1) {
  text-align: end;
}

tr.value > td:nth-child(2) {
  text-align: start;
}

tr.value.collapsed {
  display: none;
}`]);
}
