@mixin size($size) {
  width: $size;
  height: $size;
}

/* cyber monday modal */
$noise-steps: 10;

@mixin randomNoise($name) {
  @keyframes #{$name} {
    @for $i from 0 through $noise-steps {
      #{percentage($i/$noise-steps)} {
        clip-path: inset(#{random(100) * 1%} 0 #{random(100) * 1%} 0);
      }
    }
  }
}

@include randomNoise(textNoise1);
@include randomNoise(textNoise2);

@mixin icon {
  font-family: remixicon;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}

%bg-theme-color {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: var(--primary-color);
}