.line-icon {
  display: inline-block;
  width: 1.1em;
  height: 1.1em;
  flex: 0 0 auto;
  background-color: currentColor;
  -webkit-mask: var(--icon) center / contain no-repeat;
  mask: var(--icon) center / contain no-repeat;
  vertical-align: -0.16em;
}

.icon-label {
  display: inline-flex;
  align-items: center;
  gap: 0.45em;
}

.icon-heading {
  display: flex;
  align-items: center;
  gap: 0.5em;
}

.icon-heading .line-icon { color: var(--green-2, #1f5c43); }
.home-path-icon .line-icon { width: 1.2em; height: 1.2em; }
.marketplace-placeholder .line-icon { width: 3rem; height: 3rem; }
.address .line-icon,
.btn .line-icon,
.tag .line-icon,
.marketplace-action .line-icon,
.match-card-date .line-icon,
.match-location .line-icon,
.match-alternative .line-icon,
.match-detail .line-icon,
.match-interest .line-icon,
.matches-freshness .line-icon { margin-right: 0.42em; }

.icon-court { --icon: url('/icons/court.svg'); }
.icon-match { --icon: url('/icons/ball.svg'); }
.icon-marketplace, .icon-tag { --icon: url('/icons/tag.svg'); }
.icon-levels { --icon: url('/icons/levels.svg'); }
.icon-leagues, .icon-trophy { --icon: url('/icons/trophy.svg'); }
.icon-events, .icon-calendar { --icon: url('/icons/calendar.svg'); }
.icon-offers { --icon: url('/icons/percent-tag.svg'); }
.icon-stores { --icon: url('/icons/store.svg'); }
.icon-pin { --icon: url('/icons/pin.svg'); }
.icon-globe { --icon: url('/icons/globe.svg'); }
.icon-phone { --icon: url('/icons/phone.svg'); }
.icon-chat { --icon: url('/icons/chat.svg'); }
.icon-users { --icon: url('/icons/users.svg'); }
.icon-euro { --icon: url('/icons/euro.svg'); }
.icon-refresh { --icon: url('/icons/refresh.svg'); }
.icon-warning { --icon: url('/icons/warning.svg'); }
.icon-flexible { --icon: url('/icons/swap.svg'); }

@media (forced-colors: active) {
  .line-icon { background-color: CanvasText; }
}