dvn-icon {
  /* we shouldn't need this just to center the big icons into smaller containers. please check this */
  display: inline-flex;
  justify-content: center;
}

dvn-icon.small {
  --icon-size: var(--font-size-small);
}

dvn-icon.medium {
  --icon-size: var(--font-size-medium);
}

dvn-icon.large {
  --icon-size: var(--font-size-large);
}

i {
  font-size: var(--icon-size);
}

i:before {
  margin: 0;
}
