/* Place beside a visible text label; this module does not define page composition. */
.semantic-icon-slot {
  display: inline-grid;
  inline-size: 48px;
  block-size: 48px;
  place-items: center;
  color: currentColor;
}

.semantic-icon-slot--card {
  inline-size: 44px;
  block-size: 44px;
}

.semantic-icon {
  display: block;
  inline-size: 24px;
  block-size: 24px;
  flex: none;
  color: currentColor;
  stroke: currentColor;
}