:host {
  display: flex;
  align-items: center;
  justify-content: center;
  width: max-content;
}

.icon-container > * {
  display: flex;
}
.icon-container > * svg {
  transition: all 200ms ease-in-out;
  height: var(--ds-icon-height, initial);
  width: var(--ds-icon-width, initial);
}
.icon-container > * svg[fill=transparent] * {
  transition: all 200ms ease-in-out;
  stroke: var(--ds-icon-fill, child(0));
}
.icon-container > * svg:not([fill=transparent]) * {
  transition: all 200ms ease-in-out;
  fill: var(--ds-icon-fill, child(0));
}