.endless-strip {
  position: relative;
  height: 140px;
  overflow: hidden;
  background-color: var(--accent-color);
}

.endless-strip__pattern {
  position: absolute;
  top: 0;
  left: -160px;
  width: calc(100% + 320px);
  height: 140px;
  opacity: 0.5;
  pointer-events: none;
  will-change: transform;
  transform: translate3d(0, 0, 0);

  background:
    linear-gradient(30deg,#375796 12%,transparent 12.5%,transparent 87%,#375796 87.5%,#375796 0),
    linear-gradient(150deg,#375796 12%,transparent 12.5%,transparent 87%,#375796 87.5%,#375796 0),
    linear-gradient(30deg,#375796 12%,transparent 12.5%,transparent 87%,#375796 87.5%,#375796 0),
    linear-gradient(150deg,#375796 12%,transparent 12.5%,transparent 87%,#375796 87.5%,#375796 0),
    linear-gradient(60deg, rgb(38, 67, 135) 25%, transparent 25.5%, transparent 75%, rgb(38, 67, 135) 75%, rgb(38, 67, 135) 0),
    linear-gradient(60deg, rgb(38, 67, 135) 25%, transparent 25.5%, transparent 75%, rgb(38, 67, 135) 75%, rgb(38, 67, 135) 0),
    rgb(17, 57, 109);

  background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;
  background-size: 80px 140px;
}