jnpf-web-datascreen-vue3-v6.x/node_modules/.pnpm-store/v3/files/bb/5f31d1b10427274602ddd7e42815e1e193480d11141204bba77e738f7d98a5d5db670d2df3e73319bf1ab8de8542f626094bb9328dd68e6102e6d0ef367c6f

@use 'mixins/mixins' as *;
@use 'common/var' as *;

.#{$namespace}-icon--right {
  margin-left: 5px;
}
.#{$namespace}-icon--left {
  margin-right: 5px;
}

@keyframes rotating {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}

@include b(icon) {
  --color: inherit;
  height: 1em;
  width: 1em;
  line-height: 1em;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  fill: currentColor;
  color: var(--color);
  font-size: inherit;

  @include when(loading) {
    animation: rotating 2s linear infinite;
  }

  svg {
    height: 1em;
    width: 1em;
  }
}