:host {
  /** @prop --icon-default-color: [DEPRECATED] the default color of the icon */
  --icon-default-color: var(--color-background-interactive-default);
  display: inline-flex;
  color: var(--icon-default-color);
}

:host([hidden]) {
  display: none;
}

svg,
svg > svg {
  height: 100%;
  width: auto;
}

.icon {
  display: inline-flex;
}