.wi-primary.wi-filled {
  fill: var(--theme-color) !important;
}
.wi-primary.wi-outlined {
  stroke: var(--theme-color) !important;
}
.wi-secondary.wi-filled {
  fill:  var(--secondary-color) !important;
}
.wi-secondary.wi-outlined {
  stroke:  var(--secondary-color) !important;
}
.wi-tertiary.wi-filled {
  stroke:  var(--tertiary-color) !important;
}
.wi-tertiary.wi-outlined {
  stroke:  var(--tertiary-color) !important;
}
.wi-1x {
  height: 1em !important;
  width: auto !important;
}
.wi-2x {
  height: 2em !important;
  width: auto !important;
}
.wi-3x {
  height: 3em !important;
  width: auto !important;
}
.wi-4x {
  height: 4em !important;
  width: auto !important;
}
.wi-5x {
  height: 5em !important;
  width: auto !important;
}
.wi-6x {
  height: 6em !important;
  width: auto !important;
}
.wi-7x {
  height: 7em !important;
  width: auto !important;
}
.wi-8x {
  height: 8em !important;
  width: auto !important;
}
.wi-9x {
  height: 9em !important;
  width: auto !important;
}
.wi-10x {
  height: 10em !important;
  width: auto !important;
}