/* Один размер и два рисунка: местный SF-глиф либо встроенный SVG. */


.control-icon {
  display: inline-grid;
  place-items: center;
  width: var(--icon-size, 16px);
  height: var(--icon-size, 16px);
  font-size: var(--icon-size, 16px);
  line-height: 1;
  flex: none;
  overflow: visible;
  vertical-align: middle;
  -webkit-user-select: none;
  user-select: none;
}

/* Значки остаются служебными, включая SF-текст и вложенные SVG внутри читаемой документации. */
.control-icon *,
.kind-icon *,
.version-source-icon * {
  -webkit-user-select: none;
  user-select: none;
}

.kind-icon,
.version-source-icon {
  -webkit-user-select: none;
  user-select: none;
}

.control-icon>svg.sf-glyph {
  display: var(--native-display, none);
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: currentColor;
  stroke: none;
}

.control-icon .sf-glyph text {
  font-family: 'Hxape System Symbols';
  font-weight: 400;
  font-style: normal;
  font-synthesis: none;
  font-size: var(--native-size, 100px);
  font-size: var(100px, 100px);
  transform: translate(var(--native-x, 0px), var(--native-y, 0px));
}

.control-icon>.svg-glyph {
  display: var(--fallback-display, block);
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.control-icon>svg.svg-glyph.filled-glyph {
  fill: currentColor;
  stroke: none;
}

.control-icon>.svg-glyph.key-glyph {
  transform: rotate(90deg);
}