export const RandomPathsCSS = () => {
  return (
    <>
      <style global jsx>{`
        @keyframes path-0-0 {
          0% {
            transform: translate(0%, 0%);
          }

          20%,
          25% {
            transform: translate(0%, 0%);
          }
          40%,
          45% {
            transform: translate(95%, 0%);
          }
          60%,
          65% {
            transform: translate(95%, 105%);
          }
          80%,
          85% {
            transform: translate(95%, 0%);
          }

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

        @keyframes path-0-1 {
          0% {
            transform: translate(0%, 0%);
          }

          20%,
          25% {
            transform: translate(95%, 105%);
          }
          40%,
          45% {
            transform: translate(95%, 105%);
          }
          60%,
          65% {
            transform: translate(95%, 0%);
          }
          80%,
          85% {
            transform: translate(0%, 105%);
          }

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

        @keyframes path-0-2 {
          0% {
            transform: translate(0%, 0%);
          }

          20%,
          25% {
            transform: translate(95%, 0%);
          }
          40%,
          45% {
            transform: translate(0%, 0%);
          }
          60%,
          65% {
            transform: translate(0%, 0%);
          }
          80%,
          85% {
            transform: translate(95%, 105%);
          }

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

        @keyframes path-0-3 {
          0% {
            transform: translate(0%, 0%);
          }

          20%,
          25% {
            transform: translate(95%, 0%);
          }
          40%,
          45% {
            transform: translate(95%, 105%);
          }
          60%,
          65% {
            transform: translate(95%, 0%);
          }
          80%,
          85% {
            transform: translate(95%, 105%);
          }

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

        @keyframes path-0-4 {
          0% {
            transform: translate(0%, 0%);
          }

          20%,
          25% {
            transform: translate(95%, 0%);
          }
          40%,
          45% {
            transform: translate(95%, 0%);
          }
          60%,
          65% {
            transform: translate(95%, 0%);
          }
          80%,
          85% {
            transform: translate(95%, 105%);
          }

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

        @keyframes path-0-5 {
          0% {
            transform: translate(0%, 0%);
          }

          20%,
          25% {
            transform: translate(95%, 105%);
          }
          40%,
          45% {
            transform: translate(0%, 0%);
          }
          60%,
          65% {
            transform: translate(0%, 0%);
          }
          80%,
          85% {
            transform: translate(95%, 0%);
          }

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

        @keyframes path-0-6 {
          0% {
            transform: translate(0%, 0%);
          }

          20%,
          25% {
            transform: translate(0%, 0%);
          }
          40%,
          45% {
            transform: translate(95%, 105%);
          }
          60%,
          65% {
            transform: translate(95%, 0%);
          }
          80%,
          85% {
            transform: translate(95%, 105%);
          }

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

        @keyframes path-0-7 {
          0% {
            transform: translate(0%, 0%);
          }

          20%,
          25% {
            transform: translate(0%, 0%);
          }
          40%,
          45% {
            transform: translate(95%, 105%);
          }
          60%,
          65% {
            transform: translate(95%, 105%);
          }
          80%,
          85% {
            transform: translate(95%, 0%);
          }

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

        @keyframes path-0-8 {
          0% {
            transform: translate(0%, 0%);
          }

          20%,
          25% {
            transform: translate(0%, 0%);
          }
          40%,
          45% {
            transform: translate(95%, 105%);
          }
          60%,
          65% {
            transform: translate(95%, 105%);
          }
          80%,
          85% {
            transform: translate(95%, 105%);
          }

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

        @keyframes path-0-9 {
          0% {
            transform: translate(0%, 0%);
          }

          20%,
          25% {
            transform: translate(95%, 105%);
          }
          40%,
          45% {
            transform: translate(0%, 105%);
          }
          60%,
          65% {
            transform: translate(95%, 0%);
          }
          80%,
          85% {
            transform: translate(95%, 105%);
          }

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

        @keyframes path-1-0 {
          0% {
            transform: translate(0%, 105%);
          }

          20%,
          25% {
            transform: translate(0%, 105%);
          }
          40%,
          45% {
            transform: translate(95%, 0%);
          }
          60%,
          65% {
            transform: translate(0%, 0%);
          }
          80%,
          85% {
            transform: translate(0%, 105%);
          }

          100% {
            transform: translate(0%, 105%);
          }
        }

        @keyframes path-1-1 {
          0% {
            transform: translate(0%, 105%);
          }

          20%,
          25% {
            transform: translate(0%, 105%);
          }
          40%,
          45% {
            transform: translate(95%, 0%);
          }
          60%,
          65% {
            transform: translate(0%, 105%);
          }
          80%,
          85% {
            transform: translate(0%, 105%);
          }

          100% {
            transform: translate(0%, 105%);
          }
        }

        @keyframes path-1-2 {
          0% {
            transform: translate(0%, 105%);
          }

          20%,
          25% {
            transform: translate(0%, 0%);
          }
          40%,
          45% {
            transform: translate(95%, 0%);
          }
          60%,
          65% {
            transform: translate(0%, 105%);
          }
          80%,
          85% {
            transform: translate(0%, 0%);
          }

          100% {
            transform: translate(0%, 105%);
          }
        }

        @keyframes path-1-3 {
          0% {
            transform: translate(0%, 105%);
          }

          20%,
          25% {
            transform: translate(95%, 105%);
          }
          40%,
          45% {
            transform: translate(0%, 105%);
          }
          60%,
          65% {
            transform: translate(0%, 105%);
          }
          80%,
          85% {
            transform: translate(95%, 105%);
          }

          100% {
            transform: translate(0%, 105%);
          }
        }

        @keyframes path-1-4 {
          0% {
            transform: translate(0%, 105%);
          }

          20%,
          25% {
            transform: translate(95%, 105%);
          }
          40%,
          45% {
            transform: translate(0%, 105%);
          }
          60%,
          65% {
            transform: translate(0%, 0%);
          }
          80%,
          85% {
            transform: translate(95%, 105%);
          }

          100% {
            transform: translate(0%, 105%);
          }
        }

        @keyframes path-1-5 {
          0% {
            transform: translate(0%, 105%);
          }

          20%,
          25% {
            transform: translate(95%, 0%);
          }
          40%,
          45% {
            transform: translate(0%, 0%);
          }
          60%,
          65% {
            transform: translate(95%, 105%);
          }
          80%,
          85% {
            transform: translate(0%, 0%);
          }

          100% {
            transform: translate(0%, 105%);
          }
        }

        @keyframes path-1-6 {
          0% {
            transform: translate(0%, 105%);
          }

          20%,
          25% {
            transform: translate(0%, 0%);
          }
          40%,
          45% {
            transform: translate(95%, 0%);
          }
          60%,
          65% {
            transform: translate(0%, 105%);
          }
          80%,
          85% {
            transform: translate(95%, 105%);
          }

          100% {
            transform: translate(0%, 105%);
          }
        }

        @keyframes path-1-7 {
          0% {
            transform: translate(0%, 105%);
          }

          20%,
          25% {
            transform: translate(95%, 105%);
          }
          40%,
          45% {
            transform: translate(0%, 105%);
          }
          60%,
          65% {
            transform: translate(95%, 0%);
          }
          80%,
          85% {
            transform: translate(95%, 0%);
          }

          100% {
            transform: translate(0%, 105%);
          }
        }

        @keyframes path-1-8 {
          0% {
            transform: translate(0%, 105%);
          }

          20%,
          25% {
            transform: translate(95%, 0%);
          }
          40%,
          45% {
            transform: translate(95%, 0%);
          }
          60%,
          65% {
            transform: translate(95%, 0%);
          }
          80%,
          85% {
            transform: translate(95%, 0%);
          }

          100% {
            transform: translate(0%, 105%);
          }
        }

        @keyframes path-1-9 {
          0% {
            transform: translate(0%, 105%);
          }

          20%,
          25% {
            transform: translate(95%, 105%);
          }
          40%,
          45% {
            transform: translate(0%, 105%);
          }
          60%,
          65% {
            transform: translate(95%, 0%);
          }
          80%,
          85% {
            transform: translate(95%, 0%);
          }

          100% {
            transform: translate(0%, 105%);
          }
        }

        @keyframes path-2-0 {
          0% {
            transform: translate(95%, 0%);
          }

          20%,
          25% {
            transform: translate(95%, 0%);
          }
          40%,
          45% {
            transform: translate(95%, 105%);
          }
          60%,
          65% {
            transform: translate(95%, 0%);
          }
          80%,
          85% {
            transform: translate(0%, 0%);
          }

          100% {
            transform: translate(95%, 0%);
          }
        }

        @keyframes path-2-1 {
          0% {
            transform: translate(95%, 0%);
          }

          20%,
          25% {
            transform: translate(0%, 0%);
          }
          40%,
          45% {
            transform: translate(0%, 0%);
          }
          60%,
          65% {
            transform: translate(0%, 0%);
          }
          80%,
          85% {
            transform: translate(95%, 0%);
          }

          100% {
            transform: translate(95%, 0%);
          }
        }

        @keyframes path-2-2 {
          0% {
            transform: translate(95%, 0%);
          }

          20%,
          25% {
            transform: translate(95%, 105%);
          }
          40%,
          45% {
            transform: translate(95%, 0%);
          }
          60%,
          65% {
            transform: translate(0%, 0%);
          }
          80%,
          85% {
            transform: translate(0%, 0%);
          }

          100% {
            transform: translate(95%, 0%);
          }
        }

        @keyframes path-2-3 {
          0% {
            transform: translate(95%, 0%);
          }

          20%,
          25% {
            transform: translate(0%, 0%);
          }
          40%,
          45% {
            transform: translate(0%, 0%);
          }
          60%,
          65% {
            transform: translate(0%, 0%);
          }
          80%,
          85% {
            transform: translate(95%, 0%);
          }

          100% {
            transform: translate(95%, 0%);
          }
        }

        @keyframes path-2-4 {
          0% {
            transform: translate(95%, 0%);
          }

          20%,
          25% {
            transform: translate(95%, 0%);
          }
          40%,
          45% {
            transform: translate(95%, 0%);
          }
          60%,
          65% {
            transform: translate(95%, 105%);
          }
          80%,
          85% {
            transform: translate(95%, 105%);
          }

          100% {
            transform: translate(95%, 0%);
          }
        }

        @keyframes path-2-5 {
          0% {
            transform: translate(95%, 0%);
          }

          20%,
          25% {
            transform: translate(95%, 0%);
          }
          40%,
          45% {
            transform: translate(95%, 0%);
          }
          60%,
          65% {
            transform: translate(95%, 0%);
          }
          80%,
          85% {
            transform: translate(95%, 105%);
          }

          100% {
            transform: translate(95%, 0%);
          }
        }

        @keyframes path-2-6 {
          0% {
            transform: translate(95%, 0%);
          }

          20%,
          25% {
            transform: translate(0%, 105%);
          }
          40%,
          45% {
            transform: translate(95%, 105%);
          }
          60%,
          65% {
            transform: translate(0%, 105%);
          }
          80%,
          85% {
            transform: translate(95%, 0%);
          }

          100% {
            transform: translate(95%, 0%);
          }
        }

        @keyframes path-2-7 {
          0% {
            transform: translate(95%, 0%);
          }

          20%,
          25% {
            transform: translate(95%, 105%);
          }
          40%,
          45% {
            transform: translate(0%, 105%);
          }
          60%,
          65% {
            transform: translate(95%, 0%);
          }
          80%,
          85% {
            transform: translate(95%, 0%);
          }

          100% {
            transform: translate(95%, 0%);
          }
        }

        @keyframes path-2-8 {
          0% {
            transform: translate(95%, 0%);
          }

          20%,
          25% {
            transform: translate(0%, 105%);
          }
          40%,
          45% {
            transform: translate(0%, 105%);
          }
          60%,
          65% {
            transform: translate(0%, 105%);
          }
          80%,
          85% {
            transform: translate(0%, 105%);
          }

          100% {
            transform: translate(95%, 0%);
          }
        }

        @keyframes path-2-9 {
          0% {
            transform: translate(95%, 0%);
          }

          20%,
          25% {
            transform: translate(95%, 0%);
          }
          40%,
          45% {
            transform: translate(95%, 0%);
          }
          60%,
          65% {
            transform: translate(95%, 105%);
          }
          80%,
          85% {
            transform: translate(0%, 0%);
          }

          100% {
            transform: translate(95%, 0%);
          }
        }

        @keyframes path-3-0 {
          0% {
            transform: translate(95%, 105%);
          }

          20%,
          25% {
            transform: translate(0%, 105%);
          }
          40%,
          45% {
            transform: translate(95%, 0%);
          }
          60%,
          65% {
            transform: translate(95%, 0%);
          }
          80%,
          85% {
            transform: translate(95%, 105%);
          }

          100% {
            transform: translate(95%, 105%);
          }
        }

        @keyframes path-3-1 {
          0% {
            transform: translate(95%, 105%);
          }

          20%,
          25% {
            transform: translate(95%, 105%);
          }
          40%,
          45% {
            transform: translate(0%, 0%);
          }
          60%,
          65% {
            transform: translate(95%, 0%);
          }
          80%,
          85% {
            transform: translate(95%, 0%);
          }

          100% {
            transform: translate(95%, 105%);
          }
        }

        @keyframes path-3-2 {
          0% {
            transform: translate(95%, 105%);
          }

          20%,
          25% {
            transform: translate(95%, 105%);
          }
          40%,
          45% {
            transform: translate(95%, 0%);
          }
          60%,
          65% {
            transform: translate(95%, 0%);
          }
          80%,
          85% {
            transform: translate(95%, 0%);
          }

          100% {
            transform: translate(95%, 105%);
          }
        }

        @keyframes path-3-3 {
          0% {
            transform: translate(95%, 105%);
          }

          20%,
          25% {
            transform: translate(95%, 105%);
          }
          40%,
          45% {
            transform: translate(95%, 0%);
          }
          60%,
          65% {
            transform: translate(0%, 105%);
          }
          80%,
          85% {
            transform: translate(95%, 0%);
          }

          100% {
            transform: translate(95%, 105%);
          }
        }

        @keyframes path-3-4 {
          0% {
            transform: translate(95%, 105%);
          }

          20%,
          25% {
            transform: translate(95%, 0%);
          }
          40%,
          45% {
            transform: translate(95%, 0%);
          }
          60%,
          65% {
            transform: translate(0%, 105%);
          }
          80%,
          85% {
            transform: translate(95%, 0%);
          }

          100% {
            transform: translate(95%, 105%);
          }
        }

        @keyframes path-3-5 {
          0% {
            transform: translate(95%, 105%);
          }

          20%,
          25% {
            transform: translate(95%, 0%);
          }
          40%,
          45% {
            transform: translate(95%, 0%);
          }
          60%,
          65% {
            transform: translate(95%, 105%);
          }
          80%,
          85% {
            transform: translate(95%, 0%);
          }

          100% {
            transform: translate(95%, 105%);
          }
        }

        @keyframes path-3-6 {
          0% {
            transform: translate(95%, 105%);
          }

          20%,
          25% {
            transform: translate(95%, 0%);
          }
          40%,
          45% {
            transform: translate(0%, 105%);
          }
          60%,
          65% {
            transform: translate(95%, 0%);
          }
          80%,
          85% {
            transform: translate(0%, 105%);
          }

          100% {
            transform: translate(95%, 105%);
          }
        }

        @keyframes path-3-7 {
          0% {
            transform: translate(95%, 105%);
          }

          20%,
          25% {
            transform: translate(95%, 105%);
          }
          40%,
          45% {
            transform: translate(95%, 0%);
          }
          60%,
          65% {
            transform: translate(0%, 105%);
          }
          80%,
          85% {
            transform: translate(95%, 0%);
          }

          100% {
            transform: translate(95%, 105%);
          }
        }

        @keyframes path-3-8 {
          0% {
            transform: translate(95%, 105%);
          }

          20%,
          25% {
            transform: translate(0%, 0%);
          }
          40%,
          45% {
            transform: translate(95%, 105%);
          }
          60%,
          65% {
            transform: translate(0%, 0%);
          }
          80%,
          85% {
            transform: translate(0%, 0%);
          }

          100% {
            transform: translate(95%, 105%);
          }
        }

        @keyframes path-3-9 {
          0% {
            transform: translate(95%, 105%);
          }

          20%,
          25% {
            transform: translate(95%, 0%);
          }
          40%,
          45% {
            transform: translate(95%, 105%);
          }
          60%,
          65% {
            transform: translate(0%, 0%);
          }
          80%,
          85% {
            transform: translate(0%, 105%);
          }

          100% {
            transform: translate(95%, 105%);
          }
        }
      `}</style>
    </>
  )
}
