/* Splash animation styles — scoped to .splash-svg-container */
.splash-svg-container .path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: splashDash 5s linear alternate infinite;
}

@keyframes dash {
  from {
    stroke-dashoffset: 822;
  }
  to {
    stroke-dashoffset: 0;
  }
}

/* AutomatNetOps Bottom Layer Animation */
.splash-svg-container svg .A_bottom {
  stroke-dashoffset: 172.34px;
  stroke-dasharray: 172.34px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    0s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) bottom0s;
  animation-name: dash;
  animation-duration: 0.64s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: 0.25s;
}
.splash-svg-container svg .u_bottom {
  stroke-dashoffset: 138.93px;
  stroke-dasharray: 138.93px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    0s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
  animation-name: dash;
  animation-duration: 0.64s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: 0.25s;
}

.splash-svg-container svg .t_bottom {
  stroke-dashoffset: -107.76px;
  stroke-dasharray: 107.76px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    0s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
  animation-name: dash;
  animation-duration: 0.64s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: 0.25s;
}

.splash-svg-container svg .o_bottom {
  stroke-dashoffset: 157.63px;
  stroke-dasharray: 157.63px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    0s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
  animation-name: dash;
  animation-duration: 0.64s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: 0.25s;
}
.splash-svg-container svg .m_bottom {
  stroke-dashoffset: 229.74px;
  stroke-dasharray: 229.74px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    0s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
  animation-name: dash;
  animation-duration: 0.64s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: 0.25s;
}

.splash-svg-container svg .a_bottom {
  stroke-dashoffset: 187.87px;
  stroke-dasharray: 187.87px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    0s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
  animation-name: dash;
  animation-duration: 0.64s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: 0.25s;
}

.splash-svg-container svg .t2_bottom {
  stroke-dashoffset: -107.76px;
  stroke-dasharray: 107.76px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    0s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
  animation-name: dash;
  animation-duration: 0.64s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: 0.25s;
}
.splash-svg-container svg .e_bottom {
  stroke-dashoffset: 183.18px;
  stroke-dasharray: 183.18px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    0s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
  animation-name: dash;
  animation-duration: 0.64s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: 0.25s;
}

.splash-svg-container svg .N_bottom {
  stroke-dashoffset: 214.57px;
  stroke-dasharray: 214.57px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    0s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
  animation-name: dash;
  animation-duration: 0.51s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: 1.09s;
}

.splash-svg-container svg .e2_bottom {
  stroke-dashoffset: 183.18px;
  stroke-dasharray: 183.18px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    0s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
  animation-name: dash;
  animation-duration: 0.51s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: 1.09s;
}

.splash-svg-container svg .t3_bottom {
  stroke-dashoffset: -107.75px;
  stroke-dasharray: 107.75px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    0s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
  animation-name: dash;
  animation-duration: 0.51s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: 1.09s;
}

.splash-svg-container svg .O_bottom {
  stroke-dashoffset: 205.28px;
  stroke-dasharray: 205.28px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    0s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
  animation-name: dash;
  animation-duration: 0.46s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: 1.53s;
}

.splash-svg-container svg .p_bottom {
  stroke-dashoffset: 206.88px;
  stroke-dasharray: 206.88px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    0s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
  animation-name: dash;
  animation-duration: 0.46s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: 1.53s;
}

.splash-svg-container svg .s_bottom {
  stroke-dashoffset: -152.38px;
  stroke-dasharray: 152.38px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    0s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
  animation-name: dash;
  animation-duration: 0.46s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: 1.53s;
}

/* AutomatNetOps Middle Layer Animation */
.splash-svg-container svg .A_middle {
  stroke-dashoffset: 172.34px;
  stroke-dasharray: 172.34px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    0s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
  animation-name: dash;
  animation-duration: 0.64s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: 0.41s;
}
.splash-svg-container svg .u_middle {
  stroke-dashoffset: 138.93px;
  stroke-dasharray: 138.93px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    0s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
  animation-name: dash;
  animation-duration: 0.64s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: 0.41s;
}

.splash-svg-container svg .t_middle {
  stroke-dashoffset: -107.76px;
  stroke-dasharray: 107.76px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    0s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
  animation-name: dash;
  animation-duration: 0.64s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: 0.41s;
}

.splash-svg-container svg .o_middle {
  stroke-dashoffset: 157.63px;
  stroke-dasharray: 157.63px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    0s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
  animation-name: dash;
  animation-duration: 0.64s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: 0.41s;
}
.splash-svg-container svg .m_middle {
  stroke-dashoffset: 229.74px;
  stroke-dasharray: 229.74px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    0s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
  animation-name: dash;
  animation-duration: 0.64s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: 0.41s;
}

.splash-svg-container svg .a_middle {
  stroke-dashoffset: 187.87px;
  stroke-dasharray: 187.87px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    0s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
  animation-name: dash;
  animation-duration: 0.64s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: 0.41s;
}

.splash-svg-container svg .t2_middle {
  stroke-dashoffset: -107.76px;
  stroke-dasharray: 107.76px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    0s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
  animation-name: dash;
  animation-duration: 0.64s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: 0.41s;
}
.splash-svg-container svg .e_middle {
  stroke-dashoffset: 183.18px;
  stroke-dasharray: 183.18px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    0s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
  animation-name: dash;
  animation-duration: 0.64s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: 0.41s;
}

.splash-svg-container svg .N_middle {
  stroke-dashoffset: 214.57px;
  stroke-dasharray: 214.57px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    0s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
  animation-name: dash;
  animation-duration: 0.51s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: 1.26s;
}

.splash-svg-container svg .e2_middle {
  stroke-dashoffset: 183.18px;
  stroke-dasharray: 183.18px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    0s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
  animation-name: dash;
  animation-duration: 0.51s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: 1.26s;
}

.splash-svg-container svg .t3_middle {
  stroke-dashoffset: -107.75px;
  stroke-dasharray: 107.75px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    0s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
  animation-name: dash;
  animation-duration: 0.51s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: 1.26s;
}

.splash-svg-container svg .O_middle {
  stroke-dashoffset: 205.28px;
  stroke-dasharray: 205.28px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    0s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
  animation-name: dash;
  animation-duration: 0.46s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: 1.7s;
}

.splash-svg-container svg .p_middle {
  stroke-dashoffset: 206.88px;
  stroke-dasharray: 206.88px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    0s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
  animation-name: dash;
  animation-duration: 0.46s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: 1.7s;
}

.splash-svg-container svg .s_middle {
  stroke-dashoffset: -152.38px;
  stroke-dasharray: 152.38px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    0s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
  animation-name: dash;
  animation-duration: 0.46s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: 1.7s;
}

.splash-svg-container svg .A_top {
  stroke-dashoffset: 172.34px;
  stroke-dasharray: 172.34px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    0s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
  animation-name: dash;
  animation-duration: 0.64s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: 0.61s;
}
.splash-svg-container svg .u_top {
  stroke-dashoffset: 138.93px;
  stroke-dasharray: 138.93px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    0s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
  animation-name: dash;
  animation-duration: 0.64s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: 0.61s;
}

.splash-svg-container svg .t_top {
  stroke-dashoffset: -107.76px;
  stroke-dasharray: 107.76px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    0s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
  animation-name: dash;
  animation-duration: 0.64s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: 0.61s;
}

.splash-svg-container svg .o_top {
  stroke-dashoffset: 157.63px;
  stroke-dasharray: 157.63px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    0s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
  animation-name: dash;
  animation-duration: 0.64s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: 0.61s;
}
.splash-svg-container svg .m_top {
  stroke-dashoffset: 229.74px;
  stroke-dasharray: 229.74px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    0s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
  animation-name: dash;
  animation-duration: 0.64s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: 0.61s;
}

.splash-svg-container svg .a_top {
  stroke-dashoffset: 187.87px;
  stroke-dasharray: 187.87px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    0s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
  animation-name: dash;
  animation-duration: 0.64s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: 0.61s;
}

.splash-svg-container svg .t2_top {
  stroke-dashoffset: -107.76px;
  stroke-dasharray: 107.76px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    0s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
  animation-name: dash;
  animation-duration: 0.64s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: 0.61s;
}
.splash-svg-container svg .e_top {
  stroke-dashoffset: 183.18px;
  stroke-dasharray: 183.18px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    0s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
  animation-name: dash;
  animation-duration: 0.64s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: 0.61s;
}

.splash-svg-container svg .N_top {
  stroke-dashoffset: 214.57px;
  stroke-dasharray: 214.57px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    0s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
  animation-name: dash;
  animation-duration: 0.51s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: 1.42s;
}

.splash-svg-container svg .e2_top {
  stroke-dashoffset: 183.18px;
  stroke-dasharray: 183.18px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    0s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
  animation-name: dash;
  animation-duration: 0.51s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: 1.42s;
}

.splash-svg-container svg .t3_top {
  stroke-dashoffset: -107.75px;
  stroke-dasharray: 107.75px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    0s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
  animation-name: dash;
  animation-duration: 0.51s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: 1.42s;
}

.splash-svg-container svg .O_top {
  stroke-dashoffset: 205.28px;
  stroke-dasharray: 205.28px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    0s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
  animation-name: dash;
  animation-duration: 0.46s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: 1.88s;
}

.splash-svg-container svg .p_top {
  stroke-dashoffset: 206.88px;
  stroke-dasharray: 206.88px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    0s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
  animation-name: dash;
  animation-duration: 0.46s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: 1.88s;
}

.splash-svg-container svg .s_top {
  stroke-dashoffset: -152.38px;
  stroke-dasharray: 152.38px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    0s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
  animation-name: dash;
  animation-duration: 0.46s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: 1.88s;
}

.splash-svg-container svg .logo_outline {
  stroke-dashoffset: 2306.27px;
  stroke-dasharray: 2306.27px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    0s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
  animation-name: dash;
  animation-duration: 1.75s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: 0.41s;
}

.splash-svg-container svg .vertical_grid_line {
  stroke-dashoffset: 700px;
  stroke-dasharray: 700px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    0s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
  animation: dash .7s 0.41s forwards, fadeOut .3s 2s forwards;
}

.splash-svg-container svg .horizontal_grid_line {
  stroke-dashoffset: -700px;
  stroke-dasharray: 700px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    0s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
  animation: dash .7s 0.41s forwards, fadeOut .3s 2s forwards;
}

@keyframes dash {
  /* from {
    stroke-dashoffset: 205.28;
  } */
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes fadeOut {
 from {
    opacity: 1;
 }
 to {
    opacity: 0;
 }
}

/* svg.active .svg-elem-1 {
  stroke-dashoffset: 0;
} */

.splash-svg-container svg .svg-elem-2 {
  stroke-dashoffset: 140.92559814453125px;
  stroke-dasharray: 140.92559814453125px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    0.12s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s;
}

.splash-svg-container svg.active .svg-elem-2 {
  stroke-dashoffset: 0;
}

.splash-svg-container svg .svg-elem-3 {
  stroke-dashoffset: 109.75182342529297px;
  stroke-dasharray: 109.75182342529297px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    0.24s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s;
}

.splash-svg-container svg.active .svg-elem-3 {
  stroke-dashoffset: 0;
}

.splash-svg-container svg .svg-elem-4 {
  stroke-dashoffset: 159.6297607421875px;
  stroke-dasharray: 159.6297607421875px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    0.36s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s;
}

.splash-svg-container svg.active .svg-elem-4 {
  stroke-dashoffset: 0;
}

.splash-svg-container svg .svg-elem-5 {
  stroke-dashoffset: 231.74081420898438px;
  stroke-dasharray: 231.74081420898438px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    0.48s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s;
}

.splash-svg-container svg.active .svg-elem-5 {
  stroke-dashoffset: 0;
}

.splash-svg-container svg .svg-elem-6 {
  stroke-dashoffset: 189.86727905273438px;
  stroke-dasharray: 189.86727905273438px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    0.6s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s;
}

.splash-svg-container svg.active .svg-elem-6 {
  stroke-dashoffset: 0;
}

.splash-svg-container svg .svg-elem-7 {
  stroke-dashoffset: 109.75182342529297px;
  stroke-dasharray: 109.75182342529297px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    0.72s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s;
}

.splash-svg-container svg.active .svg-elem-7 {
  stroke-dashoffset: 0;
}

.splash-svg-container svg .svg-elem-8 {
  stroke-dashoffset: 185.17218017578125px;
  stroke-dasharray: 185.17218017578125px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    0.84s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s;
}

.splash-svg-container svg.active .svg-elem-8 {
  stroke-dashoffset: 0;
}

.splash-svg-container svg .svg-elem-9 {
  stroke-dashoffset: 216.56002807617188px;
  stroke-dasharray: 216.56002807617188px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    0.96s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s;
}

.splash-svg-container svg.active .svg-elem-9 {
  stroke-dashoffset: 0;
}

.splash-svg-container svg .svg-elem-10 {
  stroke-dashoffset: 185.17218017578125px;
  stroke-dasharray: 185.17218017578125px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    1.08s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s;
}

.splash-svg-container svg.active .svg-elem-10 {
  stroke-dashoffset: 0;
}

.splash-svg-container svg .svg-elem-11 {
  stroke-dashoffset: 109.75182342529297px;
  stroke-dasharray: 109.75182342529297px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    1.2s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s;
}

.splash-svg-container svg.active .svg-elem-11 {
  stroke-dashoffset: 0;
}

.splash-svg-container svg .svg-elem-12 {
  stroke-dashoffset: 207.27554321289062px;
  stroke-dasharray: 207.27554321289062px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    1.3199999999999998s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    1.3199999999999998s;
}

.splash-svg-container svg.active .svg-elem-12 {
  stroke-dashoffset: 0;
}

.splash-svg-container svg .svg-elem-13 {
  stroke-dashoffset: 208.8729248046875px;
  stroke-dasharray: 208.8729248046875px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    1.44s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s;
}

.splash-svg-container svg.active .svg-elem-13 {
  stroke-dashoffset: 0;
}

.splash-svg-container svg .svg-elem-14 {
  stroke-dashoffset: 154.37474060058594px;
  stroke-dasharray: 154.37474060058594px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
    1.56s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s;
}

.splash-svg-container svg.active .svg-elem-14 {
  stroke-dashoffset: 0;
}



@keyframes neon1 {
    from {
      text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FF11A7, 0 0 70px #FF11A7, 0 0 80px #FF11A7, 0 0 100px #FF11A7, 0 0 150px #FF1177;
    }
    to {
      text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FF11A7, 0 0 35px #FF11A7, 0 0 40px #FF11A7, 0 0 50px #FF11A7, 0 0 75px #FF11A7;
    }
  }