@keyframes loop-anim {
  0% {
    transform: translate3d(0%, 0, 0);
  }

  100% {
    transform: translate3d(-50%, 0, 0);
  }
}

@keyframes loop-anim-reverse {
  0% {
    transform: translate3d(-50%, 0, 0);
  }

  100% {
    transform: translate3d(0, 0, 0);
  }
}

.mobile-down {
  @include breakpoint-sm {
    display: none;
  }
}

.tablet-up {
  display: none;

  @include breakpoint-sm {
    display: inherit;
  }
}

.dot-blur--12 {
  @include dot-blur--12
}


.dot-blur--16 {
  @include dot-blur--16
}

.dot-blur--24 {
  @include dot-blur--24 
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}