ul.iih-tree {
    list-style: none;
    padding-left: 1em;
}
ul.iih-tree li {
    position: relative;
    padding-left: 1.8em;
    margin: 0.3em 0;
    background-repeat: no-repeat;
    background-size: 1.2em 1.2em;
    background-position: 0 0.1em;
    line-height: 1.4;
    min-height: 1.4em;
}

ul.iih-tree li.iih-group   { background-image: url('../../icons/inkscape/shape-group-symbolic.svg'); }
ul.iih-tree li.iih-path    { background-image: url('../../icons/inkscape/shape-path-symbolic.svg'); }
ul.iih-tree li.iih-rect    { background-image: url('../../icons/inkscape/shape-rect-symbolic.svg'); }
ul.iih-tree li.iih-circle  { background-image: url('../../icons/inkscape/shape-circle-symbolic.svg'); }
ul.iih-tree li.iih-star    { background-image: url('../../icons/inkscape/shape-star-symbolic.svg'); }
ul.iih-tree li.iih-image   { background-image: url('../../icons/inkscape/shape-image-symbolic.svg'); }
ul.iih-tree li.iih-clone   { background-image: url('../../icons/inkscape/shape-clone-symbolic.svg'); }
ul.iih-tree li.iih-text    { background-image: url('../../icons/inkscape/shape-text-symbolic.svg'); }
ul.iih-tree li.iih-ellipse { background-image: url('../../icons/inkscape/shape-ellipse-symbolic.svg'); }


.iih-symbolic-inline,
.adw-symbolic-inline {
    vertical-align: middle;
    fill: currentColor;
}
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

div.iih-licence-notice {
    margin-top: 2em;
    padding: 1em;
    border-left: 4px solid #ccc;
    background: #f9f9f9;
    font-size: smaller;
    color: #555;
}
small.iih-licence-text {
    margin: 0;
    display: block;
}
small.iih-licence-url {
    margin: 0;
    display: block;
    text-align: right;
}

@media (prefers-color-scheme: dark) {
    .iih-symbolic,
    .adw-symbolic {
    filter: invert(1) hue-rotate(180deg);
    }
    div.iih-licence-notice {
    background: #555;
    font-size: smaller;
    color: #f9f9f9;
}
}