svg .svg-elem-1 { fill: transparent; -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.8s; transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.8s; } svg.active .svg-elem-1 { fill: rgb(255, 255, 255); } svg .svg-elem-2 { fill: transparent; -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.9s; transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.9s; } svg.active .svg-elem-2 { fill: rgb(255, 255, 255); } svg .svg-elem-3 { fill: transparent; -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1s; transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1s; } svg.active .svg-elem-3 { fill: rgb(255, 255, 255); } svg .svg-elem-4 { fill: transparent; -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.1s; transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.1s; } svg.active .svg-elem-4 { fill: rgb(255, 255, 255); } svg .svg-elem-5 { fill: transparent; -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.2000000000000002s; transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.2000000000000002s; } svg.active .svg-elem-5 { fill: rgb(255, 255, 255); } svg .svg-elem-6 { fill: transparent; -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.3s; transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.3s; } svg.active .svg-elem-6 { fill: rgb(255, 255, 255); } svg .svg-elem-7 { fill: transparent; -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.4000000000000001s; transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.4000000000000001s; } svg.active .svg-elem-7 { fill: rgb(255, 255, 255); } svg .svg-elem-8 { fill: transparent; -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.5s; transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.5s; } svg.active .svg-elem-8 { fill: rgb(255, 255, 255); }