svg.logo-fade-in {
    aspect-ratio: 575 / 205;
    width: 100%;
    height: auto;
}

svg .svg-elem-1 {
    stroke-dashoffset: 329.28753662109375px;
    stroke-dasharray: 329.28753662109375px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s,
                        fill 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s,
                        fill 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7s;
}

svg.active .svg-elem-1 {
    stroke-dashoffset: 0;
    fill: rgb(179, 219, 69);
}

svg .svg-elem-2 {
    stroke-dashoffset: 210.1846160888672px;
    stroke-dasharray: 210.1846160888672px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.32s,
                        fill 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.32s,
                        fill 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
}

svg.active .svg-elem-2 {
    stroke-dashoffset: 0;
    fill: rgb(97, 132, 2);
}

svg .svg-elem-3 {
    stroke-dashoffset: 278px;
    stroke-dasharray: 278px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.44s,
                        fill 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.44s,
                        fill 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
}

svg.active .svg-elem-3 {
    stroke-dashoffset: 0;
    fill: rgb(211, 211, 211);
}

svg .svg-elem-4 {
    stroke-dashoffset: 144px;
    stroke-dasharray: 144px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.56s,
                        fill 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.56s,
                        fill 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
}

svg.active .svg-elem-4 {
    stroke-dashoffset: 0;
    fill: rgb(194, 194, 194);
}

svg .svg-elem-5 {
    stroke-dashoffset: 436.23486328125px;
    stroke-dasharray: 436.23486328125px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.68s,
                        fill 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.68s,
                        fill 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
}

svg.active .svg-elem-5 {
    stroke-dashoffset: 0;
    fill: rgb(186, 222, 244);
}

svg .svg-elem-6 {
    stroke-dashoffset: 239.16159057617188px;
    stroke-dasharray: 239.16159057617188px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s,
                        fill 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s,
                        fill 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s;
}

svg.active .svg-elem-6 {
    stroke-dashoffset: 0;
    fill: rgb(122, 184, 234);
}

svg .svg-elem-7 {
    stroke-dashoffset: 216.89544677734375px;
    stroke-dasharray: 216.89544677734375px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.92s,
                        fill 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.92s,
                        fill 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
}

svg.active .svg-elem-7 {
    stroke-dashoffset: 0;
    fill: rgb(11, 105, 170);
}

svg .svg-elem-8 {
    stroke-dashoffset: 276px;
    stroke-dasharray: 276px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.04s,
                        fill 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.04s,
                        fill 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s;
}

svg.active .svg-elem-8 {
    stroke-dashoffset: 0;
    fill: rgb(91, 113, 255);
}

svg .svg-elem-9 {
    stroke-dashoffset: 238.901611328125px;
    stroke-dasharray: 238.901611328125px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.16s,
                        fill 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.16s,
                        fill 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .svg-elem-9 {
    stroke-dashoffset: 0;
    fill: rgb(156, 170, 255);
}

svg .svg-elem-10 {
    stroke-dashoffset: 150.24978637695312px;
    stroke-dasharray: 150.24978637695312px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.28s,
                        fill 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.28s,
                        fill 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
}

svg.active .svg-elem-10 {
    stroke-dashoffset: 0;
    fill: rgb(4, 36, 238);
}

svg .svg-elem-11 {
    stroke-dashoffset: 312.509033203125px;
    stroke-dasharray: 312.509033203125px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s,
                        fill 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s,
                        fill 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7s;
}

svg.active .svg-elem-11 {
    stroke-dashoffset: 0;
    fill: rgb(239, 77, 77);
}

svg .svg-elem-12 {
    stroke-dashoffset: 247.99234008789062px;
    stroke-dasharray: 247.99234008789062px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.52s,
                        fill 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.52s,
                        fill 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
}

svg.active .svg-elem-12 {
    stroke-dashoffset: 0;
    fill: rgb(255, 159, 159);
}

svg .svg-elem-13 {
    stroke-dashoffset: 160.16856384277344px;
    stroke-dasharray: 160.16856384277344px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.64s,
                        fill 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.64s,
                        fill 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9s;
}

svg.active .svg-elem-13 {
    stroke-dashoffset: 0;
    fill: rgb(196, 24, 24);
}

svg .svg-elem-14 {
    stroke-dashoffset: 265.1700134277344px;
    stroke-dasharray: 265.1700134277344px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.76s,
                        fill 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.76s,
                        fill 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
}

svg.active .svg-elem-14 {
    stroke-dashoffset: 0;
    fill: rgb(214, 175, 239);
}

svg .svg-elem-15 {
    stroke-dashoffset: 265.1700134277344px;
    stroke-dasharray: 265.1700134277344px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.88s,
                        fill 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.88s,
                        fill 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
}

svg.active .svg-elem-15 {
    stroke-dashoffset: 0;
    fill: rgb(190, 131, 229);
}

svg .svg-elem-16 {
    stroke-dashoffset: 241.54400634765625px;
    stroke-dasharray: 241.54400634765625px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2s,
                        fill 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2s,
                        fill 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
}

svg.active .svg-elem-16 {
    stroke-dashoffset: 0;
    fill: rgb(130, 72, 175);
}

svg .svg-elem-17 {
    stroke-dashoffset: 289.9737854003906px;
    stroke-dasharray: 289.9737854003906px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.12s,
                        fill 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.12s,
                        fill 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s;
}

svg.active .svg-elem-17 {
    stroke-dashoffset: 0;
    fill: rgb(116, 183, 170);
}

svg .svg-elem-18 {
    stroke-dashoffset: 147.56190490722656px;
    stroke-dasharray: 147.56190490722656px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.24s,
                        fill 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.24s,
                        fill 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s;
}

svg.active .svg-elem-18 {
    stroke-dashoffset: 0;
    fill: rgb(60, 132, 118);
}

svg .svg-elem-19 {
    stroke-dashoffset: 273.3999938964844px;
    stroke-dasharray: 273.3999938964844px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.36s,
                        fill 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.36s,
                        fill 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s;
}

svg.active .svg-elem-19 {
    stroke-dashoffset: 0;
    fill: rgb(237, 145, 12);
}

svg .svg-elem-20 {
    stroke-dashoffset: 152.88433837890625px;
    stroke-dasharray: 152.88433837890625px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.48s,
                        fill 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.48s,
                        fill 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s;
}

svg.active .svg-elem-20 {
    stroke-dashoffset: 0;
    fill: rgb(247, 210, 92);
}

svg .svg-elem-21 {
    stroke-dashoffset: 152.88430786132812px;
    stroke-dasharray: 152.88430786132812px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s,
                        fill 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s,
                        fill 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s;
}

svg.active .svg-elem-21 {
    stroke-dashoffset: 0;
    fill: rgb(247, 210, 92);
} 
