/*
@import "src/style/styles";

:host {
  @extend %icon-size;
  @extend %inline-flex;

  &.dark ::ng-deep {
    @include icon-fill($tp-color-dark);
  }

  &.light ::ng-deep {
    @include icon-fill($tp-color-light);
  }

  &.red ::ng-deep {
    @include icon-fill($tp-color-error);
  }

  &.grey ::ng-deep {
    @include icon-fill($tp-color-grey);
  }

  &.action ::ng-deep {
    @extend %cursor-pointer;
  }

  &.action-color ::ng-deep {
    @include icon-fill($tp-color-action);
  }

  &.circle {
    @extend %circle;
  }

  &.pico {
    @extend %icon-size-pico;
  }

  &.nano {
    @extend %icon-size-nano;
  }

  &.small {
    @extend %icon-size-small;
  }

  &.big {
    @extend %icon-size-big;
  }

  &.very-big {
    @extend %icon-size-very-big;
  }

  &.humongous {
    @extend %icon-size-humongous;
  }

  &.massive {
    @extend %icon-size-massive;
  }

  &.inactive {
    opacity: 0.25;
  }

  &.disabled {
    opacity: 0.25 !important;
  }

  &.no-shrink {
    @extend %flex-no-shrink;
  }

  &:hover {
    &.action ::ng-deep {
      @include icon-fill($tp-color-action);
    }
  }

  ::ng-deep svg {
    @extend %full-width-height;
  }
}
*/
