/*************************************************** * Generated by SVG Artista on 6/9/2024, 8:49:49 PM * MIT license (https://opensource.org/licenses/MIT) * W. https://svgartista.net **************************************************/ @-webkit-keyframes animate-svg-stroke-1 { 0% { stroke-dashoffset: 2143.155029296875px; stroke-dasharray: 2143.155029296875px; } 100% { stroke-dashoffset: 4286.31005859375px; stroke-dasharray: 2143.155029296875px; } } @keyframes animate-svg-stroke-1 { 0% { stroke-dashoffset: 2143.155029296875px; stroke-dasharray: 2143.155029296875px; } 100% { stroke-dashoffset: 4286.31005859375px; stroke-dasharray: 2143.155029296875px; } } @-webkit-keyframes animate-svg-fill-1 { 0% { fill: transparent; } 100% { fill: rgb(254, 248, 238); } } @keyframes animate-svg-fill-1 { 0% { fill: transparent; } 100% { fill: rgb(254, 248, 238); } } .svg-elem-1 { -webkit-animation: animate-svg-stroke-1 1s linear 0s both, animate-svg-fill-1 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 0.2s both; animation: animate-svg-stroke-1 1s linear 0s both, animate-svg-fill-1 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 0.2s both; } @-webkit-keyframes animate-svg-stroke-2 { 0% { stroke-dashoffset: 160.73831176757812px; stroke-dasharray: 160.73831176757812px; } 100% { stroke-dashoffset: 321.47662353515625px; stroke-dasharray: 160.73831176757812px; } } @keyframes animate-svg-stroke-2 { 0% { stroke-dashoffset: 160.73831176757812px; stroke-dasharray: 160.73831176757812px; } 100% { stroke-dashoffset: 321.47662353515625px; stroke-dasharray: 160.73831176757812px; } } @-webkit-keyframes animate-svg-fill-2 { 0% { fill: transparent; } 100% { fill: rgb(254, 248, 238); } } @keyframes animate-svg-fill-2 { 0% { fill: transparent; } 100% { fill: rgb(254, 248, 238); } } .svg-elem-2 { -webkit-animation: animate-svg-stroke-2 1s linear 0.12s both, animate-svg-fill-2 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 0.30000000000000004s both; animation: animate-svg-stroke-2 1s linear 0.12s both, animate-svg-fill-2 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 0.30000000000000004s both; } @-webkit-keyframes animate-svg-stroke-3 { 0% { stroke-dashoffset: 863.5982666015625px; stroke-dasharray: 863.5982666015625px; } 100% { stroke-dashoffset: 1727.196533203125px; stroke-dasharray: 863.5982666015625px; } } @keyframes animate-svg-stroke-3 { 0% { stroke-dashoffset: 863.5982666015625px; stroke-dasharray: 863.5982666015625px; } 100% { stroke-dashoffset: 1727.196533203125px; stroke-dasharray: 863.5982666015625px; } } @-webkit-keyframes animate-svg-fill-3 { 0% { fill: transparent; } 100% { fill: rgb(189, 192, 226); } } @keyframes animate-svg-fill-3 { 0% { fill: transparent; } 100% { fill: rgb(189, 192, 226); } } .svg-elem-3 { -webkit-animation: animate-svg-stroke-3 1s linear 0.24s both, animate-svg-fill-3 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s both; animation: animate-svg-stroke-3 1s linear 0.24s both, animate-svg-fill-3 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s both; } @-webkit-keyframes animate-svg-stroke-4 { 0% { stroke-dashoffset: 310.4134216308594px; stroke-dasharray: 310.4134216308594px; } 100% { stroke-dashoffset: 620.8268432617188px; stroke-dasharray: 310.4134216308594px; } } @keyframes animate-svg-stroke-4 { 0% { stroke-dashoffset: 310.4134216308594px; stroke-dasharray: 310.4134216308594px; } 100% { stroke-dashoffset: 620.8268432617188px; stroke-dasharray: 310.4134216308594px; } } @-webkit-keyframes animate-svg-fill-4 { 0% { fill: transparent; } 100% { fill: rgb(189, 192, 226); } } @keyframes animate-svg-fill-4 { 0% { fill: transparent; } 100% { fill: rgb(189, 192, 226); } } .svg-elem-4 { -webkit-animation: animate-svg-stroke-4 1s linear 0.36s both, animate-svg-fill-4 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 0.5s both; animation: animate-svg-stroke-4 1s linear 0.36s both, animate-svg-fill-4 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 0.5s both; } @-webkit-keyframes animate-svg-stroke-5 { 0% { stroke-dashoffset: 116.09037017822266px; stroke-dasharray: 116.09037017822266px; } 100% { stroke-dashoffset: 232.1807403564453px; stroke-dasharray: 116.09037017822266px; } } @keyframes animate-svg-stroke-5 { 0% { stroke-dashoffset: 116.09037017822266px; stroke-dasharray: 116.09037017822266px; } 100% { stroke-dashoffset: 232.1807403564453px; stroke-dasharray: 116.09037017822266px; } } @-webkit-keyframes animate-svg-fill-5 { 0% { fill: transparent; } 100% { fill: rgb(247, 235, 242); } } @keyframes animate-svg-fill-5 { 0% { fill: transparent; } 100% { fill: rgb(247, 235, 242); } } .svg-elem-5 { -webkit-animation: animate-svg-stroke-5 1s linear 0.48s both, animate-svg-fill-5 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 0.6000000000000001s both; animation: animate-svg-stroke-5 1s linear 0.48s both, animate-svg-fill-5 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 0.6000000000000001s both; } @-webkit-keyframes animate-svg-stroke-6 { 0% { stroke-dashoffset: 116.08906555175781px; stroke-dasharray: 116.08906555175781px; } 100% { stroke-dashoffset: 232.17813110351562px; stroke-dasharray: 116.08906555175781px; } } @keyframes animate-svg-stroke-6 { 0% { stroke-dashoffset: 116.08906555175781px; stroke-dasharray: 116.08906555175781px; } 100% { stroke-dashoffset: 232.17813110351562px; stroke-dasharray: 116.08906555175781px; } } @-webkit-keyframes animate-svg-fill-6 { 0% { fill: transparent; } 100% { fill: rgb(247, 235, 242); } } @keyframes animate-svg-fill-6 { 0% { fill: transparent; } 100% { fill: rgb(247, 235, 242); } } .svg-elem-6 { -webkit-animation: animate-svg-stroke-6 1s linear 0.6s both, animate-svg-fill-6 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 0.7s both; animation: animate-svg-stroke-6 1s linear 0.6s both, animate-svg-fill-6 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 0.7s both; } @-webkit-keyframes animate-svg-stroke-7 { 0% { stroke-dashoffset: 37.08070755004883px; stroke-dasharray: 37.08070755004883px; } 100% { stroke-dashoffset: 74.16141510009766px; stroke-dasharray: 37.08070755004883px; } } @keyframes animate-svg-stroke-7 { 0% { stroke-dashoffset: 37.08070755004883px; stroke-dasharray: 37.08070755004883px; } 100% { stroke-dashoffset: 74.16141510009766px; stroke-dasharray: 37.08070755004883px; } } @-webkit-keyframes animate-svg-fill-7 { 0% { fill: transparent; } 100% { fill: rgb(189, 192, 226); } } @keyframes animate-svg-fill-7 { 0% { fill: transparent; } 100% { fill: rgb(189, 192, 226); } } .svg-elem-7 { -webkit-animation: animate-svg-stroke-7 1s linear 0.72s both, animate-svg-fill-7 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 0.8s both; animation: animate-svg-stroke-7 1s linear 0.72s both, animate-svg-fill-7 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 0.8s both; } @-webkit-keyframes animate-svg-stroke-8 { 0% { stroke-dashoffset: 25.652145385742188px; stroke-dasharray: 25.652145385742188px; } 100% { stroke-dashoffset: 51.304290771484375px; stroke-dasharray: 25.652145385742188px; } } @keyframes animate-svg-stroke-8 { 0% { stroke-dashoffset: 25.652145385742188px; stroke-dasharray: 25.652145385742188px; } 100% { stroke-dashoffset: 51.304290771484375px; stroke-dasharray: 25.652145385742188px; } } @-webkit-keyframes animate-svg-fill-8 { 0% { fill: transparent; } 100% { fill: rgb(189, 192, 226); } } @keyframes animate-svg-fill-8 { 0% { fill: transparent; } 100% { fill: rgb(189, 192, 226); } } .svg-elem-8 { -webkit-animation: animate-svg-stroke-8 1s linear 0.84s both, animate-svg-fill-8 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 0.9000000000000001s both; animation: animate-svg-stroke-8 1s linear 0.84s both, animate-svg-fill-8 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 0.9000000000000001s both; } @-webkit-keyframes animate-svg-stroke-9 { 0% { stroke-dashoffset: 219.2078094482422px; stroke-dasharray: 219.2078094482422px; } 100% { stroke-dashoffset: 438.4156188964844px; stroke-dasharray: 219.2078094482422px; } } @keyframes animate-svg-stroke-9 { 0% { stroke-dashoffset: 219.2078094482422px; stroke-dasharray: 219.2078094482422px; } 100% { stroke-dashoffset: 438.4156188964844px; stroke-dasharray: 219.2078094482422px; } } @-webkit-keyframes animate-svg-fill-9 { 0% { fill: transparent; } 100% { fill: rgb(105, 78, 158); } } @keyframes animate-svg-fill-9 { 0% { fill: transparent; } 100% { fill: rgb(105, 78, 158); } } .svg-elem-9 { -webkit-animation: animate-svg-stroke-9 1s linear 0.96s both, animate-svg-fill-9 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 1s both; animation: animate-svg-stroke-9 1s linear 0.96s both, animate-svg-fill-9 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 1s both; } @-webkit-keyframes animate-svg-stroke-10 { 0% { stroke-dashoffset: 198.68212890625px; stroke-dasharray: 198.68212890625px; } 100% { stroke-dashoffset: 397.3642578125px; stroke-dasharray: 198.68212890625px; } } @keyframes animate-svg-stroke-10 { 0% { stroke-dashoffset: 198.68212890625px; stroke-dasharray: 198.68212890625px; } 100% { stroke-dashoffset: 397.3642578125px; stroke-dasharray: 198.68212890625px; } } @-webkit-keyframes animate-svg-fill-10 { 0% { fill: transparent; } 100% { fill: rgb(105, 78, 158); } } @keyframes animate-svg-fill-10 { 0% { fill: transparent; } 100% { fill: rgb(105, 78, 158); } } .svg-elem-10 { -webkit-animation: animate-svg-stroke-10 1s linear 1.08s both, animate-svg-fill-10 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 1.1s both; animation: animate-svg-stroke-10 1s linear 1.08s both, animate-svg-fill-10 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 1.1s both; } @-webkit-keyframes animate-svg-stroke-11 { 0% { stroke-dashoffset: 226.88699340820312px; stroke-dasharray: 226.88699340820312px; } 100% { stroke-dashoffset: 453.77398681640625px; stroke-dasharray: 226.88699340820312px; } } @keyframes animate-svg-stroke-11 { 0% { stroke-dashoffset: 226.88699340820312px; stroke-dasharray: 226.88699340820312px; } 100% { stroke-dashoffset: 453.77398681640625px; stroke-dasharray: 226.88699340820312px; } } @-webkit-keyframes animate-svg-fill-11 { 0% { fill: transparent; } 100% { fill: rgb(189, 192, 226); } } @keyframes animate-svg-fill-11 { 0% { fill: transparent; } 100% { fill: rgb(189, 192, 226); } } .svg-elem-11 { -webkit-animation: animate-svg-stroke-11 1s linear 1.2s both, animate-svg-fill-11 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 1.2s both; animation: animate-svg-stroke-11 1s linear 1.2s both, animate-svg-fill-11 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 1.2s both; } @-webkit-keyframes animate-svg-stroke-12 { 0% { stroke-dashoffset: 197.71435546875px; stroke-dasharray: 197.71435546875px; } 100% { stroke-dashoffset: 395.4287109375px; stroke-dasharray: 197.71435546875px; } } @keyframes animate-svg-stroke-12 { 0% { stroke-dashoffset: 197.71435546875px; stroke-dasharray: 197.71435546875px; } 100% { stroke-dashoffset: 395.4287109375px; stroke-dasharray: 197.71435546875px; } } @-webkit-keyframes animate-svg-fill-12 { 0% { fill: transparent; } 100% { fill: rgb(189, 192, 226); } } @keyframes animate-svg-fill-12 { 0% { fill: transparent; } 100% { fill: rgb(189, 192, 226); } } .svg-elem-12 { -webkit-animation: animate-svg-stroke-12 1s linear 1.3199999999999998s both, animate-svg-fill-12 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 1.3s both; animation: animate-svg-stroke-12 1s linear 1.3199999999999998s both, animate-svg-fill-12 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 1.3s both; } @-webkit-keyframes animate-svg-stroke-13 { 0% { stroke-dashoffset: 18.067678451538086px; stroke-dasharray: 18.067678451538086px; } 100% { stroke-dashoffset: 36.13535690307617px; stroke-dasharray: 18.067678451538086px; } } @keyframes animate-svg-stroke-13 { 0% { stroke-dashoffset: 18.067678451538086px; stroke-dasharray: 18.067678451538086px; } 100% { stroke-dashoffset: 36.13535690307617px; stroke-dasharray: 18.067678451538086px; } } @-webkit-keyframes animate-svg-fill-13 { 0% { fill: transparent; } 100% { fill: rgb(105, 78, 158); } } @keyframes animate-svg-fill-13 { 0% { fill: transparent; } 100% { fill: rgb(105, 78, 158); } } .svg-elem-13 { -webkit-animation: animate-svg-stroke-13 1s linear 1.44s both, animate-svg-fill-13 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 1.4000000000000001s both; animation: animate-svg-stroke-13 1s linear 1.44s both, animate-svg-fill-13 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 1.4000000000000001s both; } @-webkit-keyframes animate-svg-stroke-14 { 0% { stroke-dashoffset: 4.784451961517334px; stroke-dasharray: 4.784451961517334px; } 100% { stroke-dashoffset: 9.568903923034668px; stroke-dasharray: 4.784451961517334px; } } @keyframes animate-svg-stroke-14 { 0% { stroke-dashoffset: 4.784451961517334px; stroke-dasharray: 4.784451961517334px; } 100% { stroke-dashoffset: 9.568903923034668px; stroke-dasharray: 4.784451961517334px; } } @-webkit-keyframes animate-svg-fill-14 { 0% { fill: transparent; } 100% { fill: rgb(206, 228, 245); } } @keyframes animate-svg-fill-14 { 0% { fill: transparent; } 100% { fill: rgb(206, 228, 245); } } .svg-elem-14 { -webkit-animation: animate-svg-stroke-14 1s linear 1.56s both, animate-svg-fill-14 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 1.5s both; animation: animate-svg-stroke-14 1s linear 1.56s both, animate-svg-fill-14 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 1.5s both; } @-webkit-keyframes animate-svg-stroke-15 { 0% { stroke-dashoffset: 2.947363018989563px; stroke-dasharray: 2.947363018989563px; } 100% { stroke-dashoffset: 5.894726037979126px; stroke-dasharray: 2.947363018989563px; } } @keyframes animate-svg-stroke-15 { 0% { stroke-dashoffset: 2.947363018989563px; stroke-dasharray: 2.947363018989563px; } 100% { stroke-dashoffset: 5.894726037979126px; stroke-dasharray: 2.947363018989563px; } } @-webkit-keyframes animate-svg-fill-15 { 0% { fill: transparent; } 100% { fill: rgb(206, 228, 245); } } @keyframes animate-svg-fill-15 { 0% { fill: transparent; } 100% { fill: rgb(206, 228, 245); } } .svg-elem-15 { -webkit-animation: animate-svg-stroke-15 1s linear 1.68s both, animate-svg-fill-15 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 1.6s both; animation: animate-svg-stroke-15 1s linear 1.68s both, animate-svg-fill-15 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 1.6s both; } @-webkit-keyframes animate-svg-stroke-16 { 0% { stroke-dashoffset: 74.52680800077395px; stroke-dasharray: 74.52680800077395px; } 100% { stroke-dashoffset: 149.0536160015479px; stroke-dasharray: 74.52680800077395px; } } @keyframes animate-svg-stroke-16 { 0% { stroke-dashoffset: 74.52680800077395px; stroke-dasharray: 74.52680800077395px; } 100% { stroke-dashoffset: 149.0536160015479px; stroke-dasharray: 74.52680800077395px; } } @-webkit-keyframes animate-svg-fill-16 { 0% { fill: transparent; } 100% { fill: rgb(189, 192, 226); } } @keyframes animate-svg-fill-16 { 0% { fill: transparent; } 100% { fill: rgb(189, 192, 226); } } .svg-elem-16 { -webkit-animation: animate-svg-stroke-16 1s linear 1.7999999999999998s both, animate-svg-fill-16 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 1.7s both; animation: animate-svg-stroke-16 1s linear 1.7999999999999998s both, animate-svg-fill-16 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 1.7s both; } @-webkit-keyframes animate-svg-stroke-17 { 0% { stroke-dashoffset: 17.707963267948966px; stroke-dasharray: 17.707963267948966px; } 100% { stroke-dashoffset: 35.41592653589793px; stroke-dasharray: 17.707963267948966px; } } @keyframes animate-svg-stroke-17 { 0% { stroke-dashoffset: 17.707963267948966px; stroke-dasharray: 17.707963267948966px; } 100% { stroke-dashoffset: 35.41592653589793px; stroke-dasharray: 17.707963267948966px; } } @-webkit-keyframes animate-svg-fill-17 { 0% { fill: transparent; } 100% { fill: rgb(254, 248, 238); } } @keyframes animate-svg-fill-17 { 0% { fill: transparent; } 100% { fill: rgb(254, 248, 238); } } .svg-elem-17 { -webkit-animation: animate-svg-stroke-17 1s linear 1.92s both, animate-svg-fill-17 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 1.8s both; animation: animate-svg-stroke-17 1s linear 1.92s both, animate-svg-fill-17 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 1.8s both; } @-webkit-keyframes animate-svg-stroke-18 { 0% { stroke-dashoffset: 17.707963267948966px; stroke-dasharray: 17.707963267948966px; } 100% { stroke-dashoffset: 35.41592653589793px; stroke-dasharray: 17.707963267948966px; } } @keyframes animate-svg-stroke-18 { 0% { stroke-dashoffset: 17.707963267948966px; stroke-dasharray: 17.707963267948966px; } 100% { stroke-dashoffset: 35.41592653589793px; stroke-dasharray: 17.707963267948966px; } } @-webkit-keyframes animate-svg-fill-18 { 0% { fill: transparent; } 100% { fill: rgb(254, 248, 238); } } @keyframes animate-svg-fill-18 { 0% { fill: transparent; } 100% { fill: rgb(254, 248, 238); } } .svg-elem-18 { -webkit-animation: animate-svg-stroke-18 1s linear 2.04s both, animate-svg-fill-18 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 1.9000000000000001s both; animation: animate-svg-stroke-18 1s linear 2.04s both, animate-svg-fill-18 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 1.9000000000000001s both; } @-webkit-keyframes animate-svg-stroke-19 { 0% { stroke-dashoffset: 967.970947265625px; stroke-dasharray: 967.970947265625px; } 100% { stroke-dashoffset: 1935.94189453125px; stroke-dasharray: 967.970947265625px; } } @keyframes animate-svg-stroke-19 { 0% { stroke-dashoffset: 967.970947265625px; stroke-dasharray: 967.970947265625px; } 100% { stroke-dashoffset: 1935.94189453125px; stroke-dasharray: 967.970947265625px; } } @-webkit-keyframes animate-svg-fill-19 { 0% { fill: transparent; } 100% { fill: rgb(189, 192, 226); } } @keyframes animate-svg-fill-19 { 0% { fill: transparent; } 100% { fill: rgb(189, 192, 226); } } .svg-elem-19 { -webkit-animation: animate-svg-stroke-19 1s linear 2.16s both, animate-svg-fill-19 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 2s both; animation: animate-svg-stroke-19 1s linear 2.16s both, animate-svg-fill-19 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 2s both; } @-webkit-keyframes animate-svg-stroke-20 { 0% { stroke-dashoffset: 717.009765625px; stroke-dasharray: 717.009765625px; } 100% { stroke-dashoffset: 1434.01953125px; stroke-dasharray: 717.009765625px; } } @keyframes animate-svg-stroke-20 { 0% { stroke-dashoffset: 717.009765625px; stroke-dasharray: 717.009765625px; } 100% { stroke-dashoffset: 1434.01953125px; stroke-dasharray: 717.009765625px; } } @-webkit-keyframes animate-svg-fill-20 { 0% { fill: transparent; } 100% { fill: rgb(189, 192, 226); } } @keyframes animate-svg-fill-20 { 0% { fill: transparent; } 100% { fill: rgb(189, 192, 226); } } .svg-elem-20 { -webkit-animation: animate-svg-stroke-20 1s linear 2.28s both, animate-svg-fill-20 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 2.1s both; animation: animate-svg-stroke-20 1s linear 2.28s both, animate-svg-fill-20 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 2.1s both; } @-webkit-keyframes animate-svg-stroke-21 { 0% { stroke-dashoffset: 1647.29296875px; stroke-dasharray: 1647.29296875px; } 100% { stroke-dashoffset: 3294.5859375px; stroke-dasharray: 1647.29296875px; } } @keyframes animate-svg-stroke-21 { 0% { stroke-dashoffset: 1647.29296875px; stroke-dasharray: 1647.29296875px; } 100% { stroke-dashoffset: 3294.5859375px; stroke-dasharray: 1647.29296875px; } } @-webkit-keyframes animate-svg-fill-21 { 0% { fill: transparent; } 100% { fill: rgb(189, 192, 226); } } @keyframes animate-svg-fill-21 { 0% { fill: transparent; } 100% { fill: rgb(189, 192, 226); } } .svg-elem-21 { -webkit-animation: animate-svg-stroke-21 1s linear 2.4s both, animate-svg-fill-21 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 2.2s both; animation: animate-svg-stroke-21 1s linear 2.4s both, animate-svg-fill-21 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 2.2s both; } @-webkit-keyframes animate-svg-stroke-22 { 0% { stroke-dashoffset: 1139.5350341796875px; stroke-dasharray: 1139.5350341796875px; } 100% { stroke-dashoffset: 2279.070068359375px; stroke-dasharray: 1139.5350341796875px; } } @keyframes animate-svg-stroke-22 { 0% { stroke-dashoffset: 1139.5350341796875px; stroke-dasharray: 1139.5350341796875px; } 100% { stroke-dashoffset: 2279.070068359375px; stroke-dasharray: 1139.5350341796875px; } } @-webkit-keyframes animate-svg-fill-22 { 0% { fill: transparent; } 100% { fill: rgb(189, 192, 226); } } @keyframes animate-svg-fill-22 { 0% { fill: transparent; } 100% { fill: rgb(189, 192, 226); } } .svg-elem-22 { -webkit-animation: animate-svg-stroke-22 1s linear 2.52s both, animate-svg-fill-22 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 2.3000000000000003s both; animation: animate-svg-stroke-22 1s linear 2.52s both, animate-svg-fill-22 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 2.3000000000000003s both; } @-webkit-keyframes animate-svg-stroke-23 { 0% { stroke-dashoffset: 1246.18359375px; stroke-dasharray: 1246.18359375px; } 100% { stroke-dashoffset: 2492.3671875px; stroke-dasharray: 1246.18359375px; } } @keyframes animate-svg-stroke-23 { 0% { stroke-dashoffset: 1246.18359375px; stroke-dasharray: 1246.18359375px; } 100% { stroke-dashoffset: 2492.3671875px; stroke-dasharray: 1246.18359375px; } } @-webkit-keyframes animate-svg-fill-23 { 0% { fill: transparent; } 100% { fill: rgb(189, 192, 226); } } @keyframes animate-svg-fill-23 { 0% { fill: transparent; } 100% { fill: rgb(189, 192, 226); } } .svg-elem-23 { -webkit-animation: animate-svg-stroke-23 1s linear 2.6399999999999997s both, animate-svg-fill-23 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 2.4000000000000004s both; animation: animate-svg-stroke-23 1s linear 2.6399999999999997s both, animate-svg-fill-23 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 2.4000000000000004s both; } @-webkit-keyframes animate-svg-stroke-24 { 0% { stroke-dashoffset: 856.6041259765625px; stroke-dasharray: 856.6041259765625px; } 100% { stroke-dashoffset: 1713.208251953125px; stroke-dasharray: 856.6041259765625px; } } @keyframes animate-svg-stroke-24 { 0% { stroke-dashoffset: 856.6041259765625px; stroke-dasharray: 856.6041259765625px; } 100% { stroke-dashoffset: 1713.208251953125px; stroke-dasharray: 856.6041259765625px; } } @-webkit-keyframes animate-svg-fill-24 { 0% { fill: transparent; } 100% { fill: rgb(189, 192, 226); } } @keyframes animate-svg-fill-24 { 0% { fill: transparent; } 100% { fill: rgb(189, 192, 226); } } .svg-elem-24 { -webkit-animation: animate-svg-stroke-24 1s linear 2.76s both, animate-svg-fill-24 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 2.5000000000000004s both; animation: animate-svg-stroke-24 1s linear 2.76s both, animate-svg-fill-24 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 2.5000000000000004s both; } @-webkit-keyframes animate-svg-stroke-25 { 0% { stroke-dashoffset: 1041.841552734375px; stroke-dasharray: 1041.841552734375px; } 100% { stroke-dashoffset: 2083.68310546875px; stroke-dasharray: 1041.841552734375px; } } @keyframes animate-svg-stroke-25 { 0% { stroke-dashoffset: 1041.841552734375px; stroke-dasharray: 1041.841552734375px; } 100% { stroke-dashoffset: 2083.68310546875px; stroke-dasharray: 1041.841552734375px; } } @-webkit-keyframes animate-svg-fill-25 { 0% { fill: transparent; } 100% { fill: rgb(189, 192, 226); } } @keyframes animate-svg-fill-25 { 0% { fill: transparent; } 100% { fill: rgb(189, 192, 226); } } .svg-elem-25 { -webkit-animation: animate-svg-stroke-25 1s linear 2.88s both, animate-svg-fill-25 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 2.6000000000000005s both; animation: animate-svg-stroke-25 1s linear 2.88s both, animate-svg-fill-25 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 2.6000000000000005s both; } @-webkit-keyframes animate-svg-stroke-26 { 0% { stroke-dashoffset: 979.0784301757812px; stroke-dasharray: 979.0784301757812px; } 100% { stroke-dashoffset: 1958.1568603515625px; stroke-dasharray: 979.0784301757812px; } } @keyframes animate-svg-stroke-26 { 0% { stroke-dashoffset: 979.0784301757812px; stroke-dasharray: 979.0784301757812px; } 100% { stroke-dashoffset: 1958.1568603515625px; stroke-dasharray: 979.0784301757812px; } } @-webkit-keyframes animate-svg-fill-26 { 0% { fill: transparent; } 100% { fill: rgb(189, 192, 226); } } @keyframes animate-svg-fill-26 { 0% { fill: transparent; } 100% { fill: rgb(189, 192, 226); } } .svg-elem-26 { -webkit-animation: animate-svg-stroke-26 1s linear 3s both, animate-svg-fill-26 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 2.7s both; animation: animate-svg-stroke-26 1s linear 3s both, animate-svg-fill-26 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 2.7s both; } @-webkit-keyframes animate-svg-stroke-27 { 0% { stroke-dashoffset: 136.8203887939453px; stroke-dasharray: 136.8203887939453px; } 100% { stroke-dashoffset: 273.6407775878906px; stroke-dasharray: 136.8203887939453px; } } @keyframes animate-svg-stroke-27 { 0% { stroke-dashoffset: 136.8203887939453px; stroke-dasharray: 136.8203887939453px; } 100% { stroke-dashoffset: 273.6407775878906px; stroke-dasharray: 136.8203887939453px; } } @-webkit-keyframes animate-svg-fill-27 { 0% { fill: transparent; } 100% { fill: rgb(254, 248, 238); } } @keyframes animate-svg-fill-27 { 0% { fill: transparent; } 100% { fill: rgb(254, 248, 238); } } .svg-elem-27 { -webkit-animation: animate-svg-stroke-27 1s linear 3.12s both, animate-svg-fill-27 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 2.8000000000000003s both; animation: animate-svg-stroke-27 1s linear 3.12s both, animate-svg-fill-27 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 2.8000000000000003s both; } @-webkit-keyframes animate-svg-stroke-28 { 0% { stroke-dashoffset: 98.923095703125px; stroke-dasharray: 98.923095703125px; } 100% { stroke-dashoffset: 197.84619140625px; stroke-dasharray: 98.923095703125px; } } @keyframes animate-svg-stroke-28 { 0% { stroke-dashoffset: 98.923095703125px; stroke-dasharray: 98.923095703125px; } 100% { stroke-dashoffset: 197.84619140625px; stroke-dasharray: 98.923095703125px; } } .svg-elem-28 { -webkit-animation: animate-svg-stroke-28 1s linear 3.2399999999999998s both, animate-svg-fill-28 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 2.9000000000000004s both; animation: animate-svg-stroke-28 1s linear 3.2399999999999998s both, animate-svg-fill-28 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 2.9000000000000004s both; }
Made on
Tilda