/* Semantic feature icons from Microsoft's Fluent UI System Icons package. */
#features .excel-capability-icon::before {
  display: none !important;
}

#features .excel-capability-icon > img {
  position: relative;
  z-index: 1;
  display: block;
  width: 30px;
  height: 30px;
  object-fit: contain;
}

#features .excel-capability-icon > .feature-symbol {
  position: relative;
  z-index: 1;
  display: block;
  width: 28px;
  height: 28px;
  background: color-mix(in srgb, var(--app-accent, var(--feature-color)) 82%, #23323a);
  -webkit-mask: var(--feature-icon) center / contain no-repeat;
  mask: var(--feature-icon) center / contain no-repeat;
}

@media (forced-colors: active) {
  #features .excel-capability-icon > .feature-symbol {
    background: CanvasText;
  }
}