.svg-graphic-texture {
    width: auto;
    height: 100%;
    position: absolute;
    right: 5%;
    transform: var(--svg-graphic-texture-transform, translate3d(0px, 0px, 0px));
    opacity: 0.6;
    aspect-ratio: 16/9;
    color: #fff
  }

  @media (max-width: 959px) {
    .svg-graphic-texture {
      display: none
    }
  }

  .svg-graphic-texture path {
    fill-opacity: 0
  }

  .svg-graphic-texture.var1 .animation-item,
  .svg-graphic-texture.var2 .animation-item,
  .svg-graphic-texture.var3 .animation-item,
  .svg-graphic-texture.var4 .animation-item {
    animation-timing-function: cubic-bezier(0.49, 0.24, 0.38, 0.97);
    animation-delay: 0.1s
  }

  .svg-graphic-texture.var1 .svg-graphic-texture-path1 {
    transform: matrix(1, 0, 0, 1, 1011.38, 22.88)
  }

  .svg-graphic-texture.var1 .svg-graphic-texture-path1 g {
    animation-delay: 0.4s;
    --element-fade-in-y: 150%
  }

  .svg-graphic-texture.var1 .svg-graphic-texture-path2 {
    transform: matrix(1, 0, 0, 1, 1293.42896, 280.67899)
  }

  .svg-graphic-texture.var1 .svg-graphic-texture-path2 g {
    animation-delay: 0.3s;
    --element-fade-in-y: 100%
  }

  .svg-graphic-texture.var1 .svg-graphic-texture-path3 {
    transform: matrix(1, 0, 0, 1, 1202.349, 280.673)
  }

  .svg-graphic-texture.var1 .svg-graphic-texture-path3 g {
    animation-delay: 0.2s;
    --element-fade-in-y: 50%
  }

  .svg-graphic-texture.var2 .svg-graphic-texture-path1 {
    transform: matrix(1, 0, 0, 1, 1193.38, 268.88)
  }

  .svg-graphic-texture.var2 .svg-graphic-texture-path1 g {
    --element-fade-in-y: 150%
  }

  .svg-graphic-texture.var2 .svg-graphic-texture-path2 {
    transform: matrix(1.13182, 0, 0, 1.13182, 1203.42896, 334.67902)
  }

  .svg-graphic-texture.var2 .svg-graphic-texture-path2 g {
    --element-fade-in-y: 80%
  }

  .svg-graphic-texture.var2 .svg-graphic-texture-path3 {
    transform: matrix(1, 0, 0, 1, 1096.349, 280.673)
  }

  .svg-graphic-texture.var2 .svg-graphic-texture-path3 g {
    --element-fade-in-y: 75%
  }

  .svg-graphic-texture.var3 .svg-graphic-texture-path1 {
    transform: matrix(1, 0, 0, 1, 1439.38, 225.88) scale(0.75)
  }

  .svg-graphic-texture.var3 .svg-graphic-texture-path1 path {
    stroke-width: 3px
  }

  .svg-graphic-texture.var3 .svg-graphic-texture-path1 g {
    --element-fade-in-y: 150%
  }

  .svg-graphic-texture.var3 .svg-graphic-texture-path2 {
    transform: matrix(1, 0, 0, 1, 1303.42896, 352.67899)
  }

  .svg-graphic-texture.var3 .svg-graphic-texture-path2 g {
    --element-fade-in-y: 50%
  }

  .svg-graphic-texture.var3 .svg-graphic-texture-path3 {
    transform: matrix(1, 0, 0, 1, 1323.349, 260.673) scale(0.8)
  }

  .svg-graphic-texture.var3 .svg-graphic-texture-path3 path {
    stroke-width: 3px;
    transform: rotate(-13deg)
  }

  .svg-graphic-texture.var3 .svg-graphic-texture-path3 g {
    --element-fade-in-y: 80%
  }

  .svg-graphic-texture.var4 {
    scale: 1.1;
    translate: 0 2%
  }

  .svg-graphic-texture.var4 .svg-graphic-texture-path1 {
    transform: matrix(1, 0, 0, 1, 1273.38, 367.12) scale(1.18)
  }

  .svg-graphic-texture.var4 .svg-graphic-texture-path1 g {
    --element-fade-in-y: 80%
  }

  .svg-graphic-texture.var4 .svg-graphic-texture-path2 {
    transform: matrix(1, 0, 0, 1, 1143.42896, 275.67899)
  }

  .svg-graphic-texture.var4 .svg-graphic-texture-path2 path {
    transform: scale(0.91) rotate(7deg);
    stroke-width: 3px
  }

  .svg-graphic-texture.var4 .svg-graphic-texture-path2 g {
    --element-fade-in-y: 50%
  }

  .svg-graphic-texture.var4 .svg-graphic-texture-path3 {
    transform: matrix(1, 0, 0, 1, 900.349, 262.673)
  }

  .svg-graphic-texture.var4 .svg-graphic-texture-path3 path {
    stroke-width: 3px
  }

  .svg-graphic-texture.var4 .svg-graphic-texture-path3 g {
    --element-fade-in-y: 80%
  }

  .RTL .svg-graphic-texture {
    --svg-graphic-texture-transform: translate3d(0px, 0px, 0px) scaleX(-1)
  }

  .graphic-texture-animation {
    aspect-ratio: 1
  }

  .graphic-texture-animation svg:not(:root) {
    overflow: visible
  }

  .graphic-texture-animation .square1-a,
  .graphic-texture-animation .square1-b,
  .graphic-texture-animation .square2,
  .graphic-texture-animation .circle1-a,
  .graphic-texture-animation .circle1-b,
  .graphic-texture-animation .circle2-a,
  .graphic-texture-animation .circle2-b {
    scale: 0
  }

  .graphic-texture-animation .circle1-b,
  .graphic-texture-animation .circle1-a {
    transform: translateX(-3.5%)
  }

  .graphic-texture-animation.start-animation {
    opacity: 0.65
  }

  .graphic-texture-animation.start-animation .square1-b,
  .graphic-texture-animation.start-animation .square1-a {
    animation: graphic-texture-animation__square1-a 15s ease infinite
  }

  .graphic-texture-animation.start-animation .square1-b {
    animation-delay: 7.5s
  }

  .graphic-texture-animation.start-animation .square2 {
    animation: graphic-texture-animation__square2 7.5s ease-in-out infinite
  }

  .graphic-texture-animation.start-animation .circle2-a,
  .graphic-texture-animation.start-animation .circle2-b,
  .graphic-texture-animation.start-animation .circle1-a,
  .graphic-texture-animation.start-animation .circle1-b {
    animation: graphic-texture-animation__circle 15s ease infinite
  }

  .graphic-texture-animation.start-animation .circle1-a {
    animation-delay: 0.8s
  }

  .graphic-texture-animation.start-animation .circle2-a {
    animation-delay: 3s
  }

  .graphic-texture-animation.start-animation .circle1-b {
    animation-delay: 8s
  }

  .graphic-texture-animation.start-animation .circle2-b {
    animation-delay: 10s
  }

  @media (prefers-reduced-motion: reduce) {

    .graphic-texture-animation.start-animation .square1-a,
    .graphic-texture-animation.start-animation .square1-b,
    .graphic-texture-animation.start-animation .square2,
    .graphic-texture-animation.start-animation .circle1-a,
    .graphic-texture-animation.start-animation .circle1-b,
    .graphic-texture-animation.start-animation .circle2-a,
    .graphic-texture-animation.start-animation .circle2-b {
      animation-play-state: paused;
      --manual-animation-delay: -5.3s
    }

    .graphic-texture-animation.start-animation .square1-a,
    .graphic-texture-animation.start-animation .square2 {
      animation-delay: calc(var(--manual-animation-delay) - 0s)
    }

    .graphic-texture-animation.start-animation .square1-b {
      animation-delay: calc(var(--manual-animation-delay) - 7.5s)
    }

    .graphic-texture-animation.start-animation .circle1-a {
      animation-delay: calc(var(--manual-animation-delay) - 0.8s)
    }

    .graphic-texture-animation.start-animation .circle2-a {
      animation-delay: calc(var(--manual-animation-delay) - 3s)
    }

    .graphic-texture-animation.start-animation .circle1-b {
      animation-delay: calc(var(--manual-animation-delay) - 8s)
    }

    .graphic-texture-animation.start-animation .circle2-b {
      animation-delay: calc(var(--manual-animation-delay) - 10s)
    }
  }

  @media (max-width: 959px) {
    .graphic-texture-animation {
      opacity: 0.65
    }

    .graphic-texture-animation .square1-b,
    .graphic-texture-animation .square1-a {
      animation: graphic-texture-animation__square1-a 15s ease infinite
    }

    .graphic-texture-animation .square1-b {
      animation-delay: 7.5s
    }

    .graphic-texture-animation .square2 {
      animation: graphic-texture-animation__square2 7.5s ease-in-out infinite
    }

    .graphic-texture-animation .circle2-a,
    .graphic-texture-animation .circle2-b,
    .graphic-texture-animation .circle1-a,
    .graphic-texture-animation .circle1-b {
      animation: graphic-texture-animation__circle 15s ease infinite
    }

    .graphic-texture-animation .circle1-a {
      animation-delay: 0.8s
    }

    .graphic-texture-animation .circle2-a {
      animation-delay: 3s
    }

    .graphic-texture-animation .circle1-b {
      animation-delay: 8s
    }

    .graphic-texture-animation .circle2-b {
      animation-delay: 10s
    }

    .graphic-texture-animation .square1-a,
    .graphic-texture-animation .square1-b,
    .graphic-texture-animation .square2,
    .graphic-texture-animation .circle1-a,
    .graphic-texture-animation .circle1-b,
    .graphic-texture-animation .circle2-a,
    .graphic-texture-animation .circle2-b {
      animation-play-state: paused;
      --manual-animation-delay: -5.3s
    }

    .graphic-texture-animation .square1-a,
    .graphic-texture-animation .square2 {
      animation-delay: calc(var(--manual-animation-delay) - 0s)
    }

    .graphic-texture-animation .square1-b {
      animation-delay: calc(var(--manual-animation-delay) - 7.5s)
    }

    .graphic-texture-animation .circle1-a {
      animation-delay: calc(var(--manual-animation-delay) - 0.8s)
    }

    .graphic-texture-animation .circle2-a {
      animation-delay: calc(var(--manual-animation-delay) - 3s)
    }

    .graphic-texture-animation .circle1-b {
      animation-delay: calc(var(--manual-animation-delay) - 8s)
    }

    .graphic-texture-animation .circle2-b {
      animation-delay: calc(var(--manual-animation-delay) - 10s)
    }
  }

  .disable-animation .graphic-texture-animation .square1-a,
  .disable-animation .graphic-texture-animation .square1-b,
  .disable-animation .graphic-texture-animation .square2,
  .disable-animation .graphic-texture-animation .circle1-a,
  .disable-animation .graphic-texture-animation .circle1-b,
  .disable-animation .graphic-texture-animation .circle2-a,
  .disable-animation .graphic-texture-animation .circle2-b {
    animation-play-state: paused;
    --manual-animation-delay: -5.3s
  }

  .disable-animation .graphic-texture-animation .square1-a,
  .disable-animation .graphic-texture-animation .square2 {
    animation-delay: calc(var(--manual-animation-delay) - 0s)
  }

  .disable-animation .graphic-texture-animation .square1-b {
    animation-delay: calc(var(--manual-animation-delay) - 7.5s)
  }

  .disable-animation .graphic-texture-animation .circle1-a {
    animation-delay: calc(var(--manual-animation-delay) - 0.8s)
  }

  .disable-animation .graphic-texture-animation .circle2-a {
    animation-delay: calc(var(--manual-animation-delay) - 3s)
  }

  .disable-animation .graphic-texture-animation .circle1-b {
    animation-delay: calc(var(--manual-animation-delay) - 8s)
  }

  .disable-animation .graphic-texture-animation .circle2-b {
    animation-delay: calc(var(--manual-animation-delay) - 10s)
  }

  @keyframes graphic-texture-animation__square1-a {
    0% {
      scale: 0;
      opacity: 1;
      rotate: -90deg;
      stroke-width: 8px
    }

    50% {
      opacity: 1;
      rotate: 30deg;
      stroke-width: 1px
    }

    100% {
      scale: 1;
      opacity: 0;
      rotate: -120deg
    }
  }

  @keyframes graphic-texture-animation__square2 {
    0% {
      scale: 0;
      rotate: 0deg;
      opacity: 1;
      stroke-width: 8px
    }

    20% {
      scale: 0;
      opacity: 1;
      rotate: 45deg;
      stroke-width: 8px
    }

    35% {
      stroke-width: 4px
    }

    50% {
      stroke-width: 2px;
      opacity: 1
    }

    85% {
      scale: 1;
      rotate: 0deg;
      stroke-width: 1px;
      opacity: 0
    }

    100% {
      scale: 1;
      rotate: 0deg;
      opacity: 0;
      stroke-width: 1px
    }
  }

  @keyframes graphic-texture-animation__circle {
    0% {
      scale: 0;
      opacity: 1;
      stroke-width: 8px
    }

    50% {
      stroke-width: 1px
    }

    85% {
      scale: 1.2;
      opacity: 0
    }

    100% {
      scale: 1;
      opacity: 0
    }
  }

  /*# sourceMappingURL=graphic-texture.css.map */