.icon-profit, .icon-green {
  svg{
    fill: var(--success);
  }
}
.icon-lose, .icon-red {
  svg{
    fill: var(--error);
  }
}
.icon-gray{
  fill: var(--grey-200);
  svg{
    fill: var(--grey-200);
  }
}


$size: xs sm md lg xlg;
$j: 0;
@each $col in  0.75rem, 0.85rem, 1rem, 1.5rem, 2rem {
  $j: $j + 1;
  .icon-#{nth($size, $j)} {
    width: $col;
    height: $col;
    &>svg{
      width: $col;
      height: $col;
    }
  }
}