/**
 * Skachat_xls — download glyph for XLS/XLSX export buttons.
 * Marker: design_skachat_xls_glyph_v1
 * Use inside .smalknopka (glyph 16x16, currentColor).
 */

:root {
  --skachat-xls-size: 16px;
}

.smalknopka-xls,
.smalknopka .smalknopka-glyph.smalknopka-xls {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--skachat-xls-size);
  height: var(--skachat-xls-size);
  flex-shrink: 0;
  line-height: 0;
  color: inherit;
}

.smalknopka-xls > svg {
  display: block;
  width: var(--skachat-xls-size);
  height: var(--skachat-xls-size);
  fill: currentColor;
}

/* Empty span fallback (CSS mask) if markup has no SVG child */
.smalknopka-xls:empty,
.smalknopka .smalknopka-glyph.smalknopka-xls:empty {
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M7.25 1.5h1.5v6.1H11l-3 3.4-3-3.4h2.25z'/%3E%3Cpath fill='%23000' d='M2.25 12.4h11.5v2.1H2.25z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M7.25 1.5h1.5v6.1H11l-3 3.4-3-3.4h2.25z'/%3E%3Cpath fill='%23000' d='M2.25 12.4h11.5v2.1H2.25z'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  font-size: 0;
}