ul.iih-tree {
    list-style: none;
    padding-left: 1em;
}

ul.iih-tree li {
    position: relative;
    padding-left: 1.8em;
    margin: 0.3em 0;
    line-height: 1.4;
    min-height: 1.4em;
}
/* デフォルトは何も出さない */
ul.iih-tree li::before {
    content: none;
}
/* iih-系クラスだけ表示 */
ul.iih-tree li[class*="iih-"]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.1em;

    width: 1.2em;
    height: 1.2em;

    background-color: currentColor;

    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;

    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
}
ul.iih-tree li.iih-overlay-clip::after,
ul.iih-tree li.iih-overlay-mask::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0.1em;

    width: 1.2em;
    height: 1.2em;

    background-color: currentColor;

    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;

    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
}
ul.iih-tree li.iih-group::before {
    mask-image: url('../../icons/inkscape/shape-group-symbolic.svg');
    -webkit-mask-image: url('../../icons/inkscape/shape-group-symbolic.svg');
}

ul.iih-tree li.iih-path::before {
    mask-image: url('../../icons/inkscape/shape-path-symbolic.svg');
    -webkit-mask-image: url('../../icons/inkscape/shape-path-symbolic.svg');
}

ul.iih-tree li.iih-rect::before {
    mask-image: url('../../icons/inkscape/shape-rect-symbolic.svg');
    -webkit-mask-image: url('../../icons/inkscape/shape-rect-symbolic.svg');
}

ul.iih-tree li.iih-circle::before {
    mask-image: url('../../icons/inkscape/shape-circle-symbolic.svg');
    -webkit-mask-image: url('../../icons/inkscape/shape-circle-symbolic.svg');
}
ul.iih-tree li.iih-star::before   {
    mask-image: url('../../icons/inkscape/shape-star-symbolic.svg');
    -webkit-mask-image: url('../../icons/inkscape/shape-star-symbolic.svg');
}
ul.iih-tree li.iih-image::before   {
     mask-image: url('../../icons/inkscape/shape-image-symbolic.svg');
     -webkit-mask-image: url('../../icons/inkscape/shape-image-symbolic.svg');
    }
ul.iih-tree li.iih-clone::before   {
     mask-image: url('../../icons/inkscape/shape-clone-symbolic.svg');
     -webkit-mask-image: url('../../icons/inkscape/shape-clone-symbolic.svg');
    }
ul.iih-tree li.iih-text::before    {
    mask-image: url('../../icons/inkscape/shape-text-symbolic.svg');
    -webkit-mask-image: url('../../icons/inkscape/shape-text-symbolic.svg');
}
ul.iih-tree li.iih-text-flow::before {
    mask-image: url('../../icons/inkscape/shape-text-flow-symbolic.svg');
    -webkit-mask-image: url('../../icons/inkscape/shape-text-flow-symbolic.svg');
}
ul.iih-tree li.iih-ellipse::before {
    mask-image: url('../../icons/inkscape/shape-ellipse-symbolic.svg');
    -webkit-mask-image: url('../../icons/inkscape/shape-ellipse-symbolic.svg');
}
ul.iih-tree li.iih-layer::before {
    mask-image: url('../../icons/inkscape/shape-layer-symbolic.svg');
    -webkit-mask-image: url('../../icons/inkscape/shape-layer-symbolic.svg');
}
ul.iih-tree li.iih-overlay-clip::after {
    mask-image: url('../../icons/inkscape/overlay-clip-symbolic.svg');
    -webkit-mask-image: url('../../icons/inkscape/overlay-clip-symbolic.svg');
}
ul.iih-tree li.iih-overlay-mask::after {
    mask-image: url('../../icons/inkscape/overlay-mask-symbolic.svg');
    -webkit-mask-image: url('../../icons/inkscape/overlay-mask-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;
}
}