 .icon-root {
    width: 1em;
    height: 1em;
    display: inline-block;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    flex-shrink: 0;
    user-select: none;
    vertical-align: -0.125em;
  
    &:focus {
        outline: none;
    }
  
    &.svg-icon {
        fill: currentColor;
    }
  }
  
  .icon-size-sm{
    font-size: 1.25rem;
  }
  
  .icon-size-md {
    font-size: 1.5rem;
    vertical-align: -0.25em;
  }
  
  .icon-size-lg {
    font-size: 2.25rem;
    vertical-align: -0.35em;
  }     