:host {
  display: inline-flex;
  inline-size: 1em;
  block-size: 1em;
}

:host([size=small]) {
  inline-size: var(--gse-ui-icon-small-size);
  block-size: var(--gse-ui-icon-small-size);
}

:host([size=medium]) {
  inline-size: var(--gse-ui-icon-medium-size);
  block-size: var(--gse-ui-icon-medium-size);
}

:host([size=large]) {
  inline-size: var(--gse-ui-icon-large-size);
  block-size: var(--gse-ui-icon-large-size);
}

.gux-icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 100%;
  block-size: 100%;
}
.gux-icon-container svg {
  inline-size: 100%;
  block-size: 100%;
  fill: currentcolor;
}