/**
 * Ionis Icon Component - Central Icon Library
 */

.ionis-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
}

.ionis-icon svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: currentColor;
}

/* Size variants */
.ionis-icon--size-sm svg {
  width: 16px;
  height: auto;
}

.ionis-icon--size-md svg {
  width: 24px;
  height: auto;
}

.ionis-icon--size-lg svg {
  width: 32px;
  height: auto;
}

.ionis-icon--size-xl svg {
  width: 48px;
  height: auto;
}