.texture {
  background-image:
    repeating-linear-gradient(
      45deg,
      rgb(0 0 0 / 0.08) 0,
      rgb(0 0 0 / 0.08) 1px,
      transparent 1px,
      transparent 6px
    ),
    repeating-linear-gradient(
      -45deg,
      rgb(0 0 0 / 0.06) 0,
      rgb(0 0 0 / 0.06) 1px,
      transparent 1px,
      transparent 8px
    );
  background-size: 100% 100%;
  background-repeat: repeat;
  opacity: 0.12;
  mix-blend-mode: multiply;
  z-index: 100;
  isolation: isolate;
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100dvh;
  pointer-events: none;
  content-visibility: auto;
  contain-intrinsic-size: 100vw 100dvh;
}