@import '../../../scss/index.scss';

// Полоса загрузки
@mixin loader () {

  @keyframes load {
    0% {
      transform: translateX(-100%);
    }
    100% {
      transform: translateX(200%);
    }
  }

  @include reset-component();
  position: relative;
  overflow: hidden;
  height: 5px;
  background: $loader-bg;
  &:after {
    content: '';
    position: absolute;
    right: 50%;
    left: 0;
    bottom: 0;
    top: 0;
    background: $loader-thumb;
    animation: load 2s infinite;
  }
}