.dandelion{bottom:20%;left:calc(50% - 100px);perspective:2000px;position:absolute}@media (min-height:500px){.dandelion{bottom:35%}}.dandelion .dandelion-clock{display:block;height:200px;transform-style:preserve-3d;width:200px}.dandelion .dandelion-clock:after{background:linear-gradient(140deg,#f0f0f0,#e0e0e0);border-radius:50%;content:"";display:block;height:20px;left:100px;margin:-10px 0 0 -10px;position:absolute;top:100px;width:20px}.dandelion .dandelion-clock-part1,.dandelion .dandelion-clock-part2,.dandelion .dandelion-clock-part3{display:block;height:200px;left:0;position:absolute;top:0;transform-style:preserve-3d;width:200px}.dandelion .dandelion-clock-part1{transform:rotateX(0deg) rotateY(10deg) rotate(0deg)}.dandelion .dandelion-clock-part2{transform:rotateX(30deg) rotateY(40deg) rotate(30deg)}.dandelion .dandelion-clock-part3{transform:rotateX(60deg) rotateY(70deg) rotate(60deg)}.dandelion .dandelion-stem{background:linear-gradient(90deg,#c4d390,#95a31b);border-radius:50%/0 140px 0 0;height:1000px;left:98px;position:absolute;top:100px;width:8px;z-index:-1}.pappus{background:#fff;height:1px;left:100px;top:100px;transform-origin:0;transform-style:preserve-3d;will-change:scale,transform}.pappus,.pappus span{position:absolute;width:100px}.pappus span{border:2px solid transparent;border-radius:50%/50px 50px 0 0;border-top-color:#fff;content:"";display:block;filter:blur(1px);height:50px;left:75px;top:-25px;transform:rotate(-90deg)}.animate .pappus span{transform:rotate(-90deg) rotateY(180deg)}.pappus span:nth-child(2){transform:rotate(-90deg) rotateY(60deg)}.animate .pappus span:nth-child(2){transform:rotate(-90deg) rotateY(240deg)}.pappus span:nth-child(3){transform:rotate(-90deg) rotateY(120deg)}.animate .pappus span:nth-child(3){transform:rotate(-90deg) rotateY(300deg)}.animate .pappus{--speed:10s;transition:transform var(--speed) ease-out,opacity var(--speed) ease-in}.animate .pappus span{transition:transform 10s linear}.pappus:first-child{transform:rotate(30deg)}.animate .dandelion-clock-part1 .pappus:first-child{--rotateZ:0deg;--rotateX:4deg;--rotateY:72deg;--translateX:333px;--translateY:30px;--translateZ:156px;--speed:8.75s}.animate .dandelion-clock-part1 .pappus:first-child,.animate .dandelion-clock-part2 .pappus:first-child{opacity:0;transform:rotate(var(--rotateZ)) rotateX(var(--rotateX)) rotateY(var(--rotateY)) translateX(var(--translateX)) translateY(var(--translateY)) translateZ(var(--translateZ)) scale(.1)}.animate .dandelion-clock-part2 .pappus:first-child{--rotateZ:0deg;--rotateX:26deg;--rotateY:81deg;--translateX:281px;--translateY:50px;--translateZ:137px;--speed:9.75s}.animate .dandelion-clock-part3 .pappus:first-child{--rotateZ:20deg;--rotateX:4deg;--rotateY:9deg;--translateX:550px;--translateY:295px;--translateZ:0px;--speed:8.75s;opacity:0;transform:rotate(var(--rotateZ)) rotateX(var(--rotateX)) rotateY(var(--rotateY)) translateX(var(--translateX)) translateY(var(--translateY)) translateZ(var(--translateZ)) scale(.1)}.pappus:nth-child(2){transform:rotate(60deg)}.animate .dandelion-clock-part1 .pappus:nth-child(2){--rotateZ:30deg;--rotateX:15deg;--rotateY:36deg;--translateX:391px;--translateY:10px;--translateZ:169px;--speed:9.25s}.animate .dandelion-clock-part1 .pappus:nth-child(2),.animate .dandelion-clock-part2 .pappus:nth-child(2){opacity:0;transform:rotate(var(--rotateZ)) rotateX(var(--rotateX)) rotateY(var(--rotateY)) translateX(var(--translateX)) translateY(var(--translateY)) translateZ(var(--translateZ)) scale(.1)}.animate .dandelion-clock-part2 .pappus:nth-child(2){--rotateZ:30deg;--rotateX:11deg;--rotateY:45deg;--translateX:254px;--translateY:30px;--translateZ:117px;--speed:8.25s}.animate .dandelion-clock-part3 .pappus:nth-child(2){--rotateZ:40deg;--rotateX:5deg;--rotateY:72deg;--translateX:600px;--translateY:389px;--translateZ:0px;--speed:9.75s;opacity:0;transform:rotate(var(--rotateZ)) rotateX(var(--rotateX)) rotateY(var(--rotateY)) translateX(var(--translateX)) translateY(var(--translateY)) translateZ(var(--translateZ)) scale(.1)}.pappus:nth-child(3){transform:rotate(90deg)}.animate .dandelion-clock-part1 .pappus:nth-child(3){--rotateZ:60deg;--rotateX:15deg;--rotateY:36deg;--translateX:329px;--translateY:40px;--translateZ:113px;--speed:9s}.animate .dandelion-clock-part1 .pappus:nth-child(3),.animate .dandelion-clock-part2 .pappus:nth-child(3){opacity:0;transform:rotate(var(--rotateZ)) rotateX(var(--rotateX)) rotateY(var(--rotateY)) translateX(var(--translateX)) translateY(var(--translateY)) translateZ(var(--translateZ)) scale(.1)}.animate .dandelion-clock-part2 .pappus:nth-child(3){--rotateZ:60deg;--rotateX:7deg;--rotateY:81deg;--translateX:268px;--translateY:10px;--translateZ:172px;--speed:10s}.animate .dandelion-clock-part3 .pappus:nth-child(3){--rotateZ:60deg;--rotateX:5deg;--rotateY:27deg;--translateX:800px;--translateY:222px;--translateZ:0px;--speed:9s;opacity:0;transform:rotate(var(--rotateZ)) rotateX(var(--rotateX)) rotateY(var(--rotateY)) translateX(var(--translateX)) translateY(var(--translateY)) translateZ(var(--translateZ)) scale(.1)}.pappus:nth-child(4){transform:rotate(120deg)}.animate .dandelion-clock-part1 .pappus:nth-child(4){--rotateZ:90deg;--rotateX:3deg;--rotateY:45deg;--translateX:244px;--translateY:30px;--translateZ:190px;--speed:9.5s}.animate .dandelion-clock-part1 .pappus:nth-child(4),.animate .dandelion-clock-part2 .pappus:nth-child(4){opacity:0;transform:rotate(var(--rotateZ)) rotateX(var(--rotateX)) rotateY(var(--rotateY)) translateX(var(--translateX)) translateY(var(--translateY)) translateZ(var(--translateZ)) scale(.1)}.animate .dandelion-clock-part2 .pappus:nth-child(4){--rotateZ:90deg;--rotateX:5deg;--rotateY:90deg;--translateX:232px;--translateY:50px;--translateZ:193px;--speed:8.75s}.animate .dandelion-clock-part3 .pappus:nth-child(4){--rotateZ:80deg;--rotateX:24deg;--rotateY:63deg;--translateX:650px;--translateY:291px;--translateZ:0px;--speed:9.25s;opacity:0;transform:rotate(var(--rotateZ)) rotateX(var(--rotateX)) rotateY(var(--rotateY)) translateX(var(--translateX)) translateY(var(--translateY)) translateZ(var(--translateZ)) scale(.1)}.pappus:nth-child(5){transform:rotate(150deg)}.animate .dandelion-clock-part1 .pappus:nth-child(5){--rotateZ:120deg;--rotateX:21deg;--rotateY:72deg;--translateX:317px;--translateY:30px;--translateZ:154px;--speed:9.75s}.animate .dandelion-clock-part1 .pappus:nth-child(5),.animate .dandelion-clock-part2 .pappus:nth-child(5){opacity:0;transform:rotate(var(--rotateZ)) rotateX(var(--rotateX)) rotateY(var(--rotateY)) translateX(var(--translateX)) translateY(var(--translateY)) translateZ(var(--translateZ)) scale(.1)}.animate .dandelion-clock-part2 .pappus:nth-child(5){--rotateZ:120deg;--rotateX:7deg;--rotateY:63deg;--translateX:346px;--translateY:10px;--translateZ:195px;--speed:8.25s}.animate .dandelion-clock-part3 .pappus:nth-child(5){--rotateZ:100deg;--rotateX:20deg;--rotateY:18deg;--translateX:600px;--translateY:378px;--translateZ:0px;--speed:8.75s;opacity:0;transform:rotate(var(--rotateZ)) rotateX(var(--rotateX)) rotateY(var(--rotateY)) translateX(var(--translateX)) translateY(var(--translateY)) translateZ(var(--translateZ)) scale(.1)}.pappus:nth-child(6){transform:rotate(180deg)}.animate .dandelion-clock-part1 .pappus:nth-child(6){--rotateZ:150deg;--rotateX:21deg;--rotateY:63deg;--translateX:291px;--translateY:20px;--translateZ:109px;--speed:8.5s}.animate .dandelion-clock-part1 .pappus:nth-child(6),.animate .dandelion-clock-part2 .pappus:nth-child(6){opacity:0;transform:rotate(var(--rotateZ)) rotateX(var(--rotateX)) rotateY(var(--rotateY)) translateX(var(--translateX)) translateY(var(--translateY)) translateZ(var(--translateZ)) scale(.1)}.animate .dandelion-clock-part2 .pappus:nth-child(6){--rotateZ:150deg;--rotateX:13deg;--rotateY:81deg;--translateX:209px;--translateY:10px;--translateZ:178px;--speed:9.75s}.animate .dandelion-clock-part3 .pappus:nth-child(6){--rotateZ:120deg;--rotateX:30deg;--rotateY:36deg;--translateX:750px;--translateY:248px;--translateZ:0px;--speed:9.25s;opacity:0;transform:rotate(var(--rotateZ)) rotateX(var(--rotateX)) rotateY(var(--rotateY)) translateX(var(--translateX)) translateY(var(--translateY)) translateZ(var(--translateZ)) scale(.1)}.pappus:nth-child(7){transform:rotate(210deg)}.animate .dandelion-clock-part1 .pappus:nth-child(7){--rotateX:17deg;--rotateY:27deg;--rotateZ:220deg;--translateX:650px;--translateY:82px;--translateZ:0px;--speed:8.75s}.animate .dandelion-clock-part1 .pappus:nth-child(7),.animate .dandelion-clock-part2 .pappus:nth-child(7){opacity:0;transform:rotate(var(--rotateZ)) rotateX(var(--rotateX)) rotateY(var(--rotateY)) translateX(var(--translateX)) translateY(var(--translateY)) translateZ(var(--translateZ)) scale(.1)}.animate .dandelion-clock-part2 .pappus:nth-child(7){--rotateX:5deg;--rotateY:40deg;--rotateZ:220deg;--translateX:600px;--translateY:67px;--translateZ:0px;--speed:9.75s}.animate .dandelion-clock-part3 .pappus:nth-child(7){--rotateX:-5deg;--rotateY:180deg;--rotateZ:40deg;--translateX:400px;--translateY:-108px;--translateZ:0px;--speed:9.25s;opacity:0;transform:rotateY(var(--rotateY)) rotateX(var(--rotateX)) rotate(var(--rotateZ)) translateX(var(--translateX)) translateY(var(--translateY)) scale(.1)}.pappus:nth-child(8){transform:rotate(240deg)}.animate .dandelion-clock-part1 .pappus:nth-child(8){--rotateX:28deg;--rotateY:40deg;--rotateZ:240deg;--translateX:600px;--translateY:66px;--translateZ:0px;--speed:9.25s}.animate .dandelion-clock-part1 .pappus:nth-child(8),.animate .dandelion-clock-part2 .pappus:nth-child(8){opacity:0;transform:rotate(var(--rotateZ)) rotateX(var(--rotateX)) rotateY(var(--rotateY)) translateX(var(--translateX)) translateY(var(--translateY)) translateZ(var(--translateZ)) scale(.1)}.animate .dandelion-clock-part2 .pappus:nth-child(8){--rotateX:8deg;--rotateY:36deg;--rotateZ:240deg;--translateX:750px;--translateY:71px;--translateZ:0px;--speed:8.25s}.animate .dandelion-clock-part3 .pappus:nth-child(8){--rotateX:-12deg;--rotateY:200deg;--rotateZ:60deg;--translateX:450px;--translateY:-109px;--translateZ:0px;--speed:10s;opacity:0;transform:rotateY(var(--rotateY)) rotateX(var(--rotateX)) rotate(var(--rotateZ)) translateX(var(--translateX)) translateY(var(--translateY)) scale(.1)}.pappus:nth-child(9){transform:rotate(270deg)}.animate .dandelion-clock-part1 .pappus:nth-child(9){--rotateX:18deg;--rotateY:29deg;--rotateZ:260deg;--translateX:700px;--translateY:64px;--translateZ:0px;--speed:8.5s}.animate .dandelion-clock-part1 .pappus:nth-child(9),.animate .dandelion-clock-part2 .pappus:nth-child(9){opacity:0;transform:rotate(var(--rotateZ)) rotateX(var(--rotateX)) rotateY(var(--rotateY)) translateX(var(--translateX)) translateY(var(--translateY)) translateZ(var(--translateZ)) scale(.1)}.animate .dandelion-clock-part2 .pappus:nth-child(9){--rotateX:23deg;--rotateY:40deg;--rotateZ:260deg;--translateX:650px;--translateY:72px;--translateZ:0px;--speed:8.5s}.animate .dandelion-clock-part3 .pappus:nth-child(9){--rotateX:-25deg;--rotateY:220deg;--rotateZ:50deg;--translateX:600px;--translateY:-144px;--translateZ:0px;--speed:9.5s;opacity:0;transform:rotateY(var(--rotateY)) rotateX(var(--rotateX)) rotate(var(--rotateZ)) translateX(var(--translateX)) translateY(var(--translateY)) scale(.1)}.pappus:nth-child(10){transform:rotate(300deg)}.animate .dandelion-clock-part1 .pappus:nth-child(10) span{transform:rotate(-90deg)}.animate .dandelion-clock-part1 .pappus:nth-child(10) span:nth-child(2){transform:rotate(-90deg) rotateY(60deg)}.animate .dandelion-clock-part1 .pappus:nth-child(10) span:nth-child(3){transform:rotate(-90deg) rotateY(120deg)}.animate .dandelion-clock-part2 .pappus:nth-child(10){--rotateX:16deg;--rotateY:27deg;--rotateZ:280deg;--translateX:550px;--translateY:85px;--translateZ:0px;--speed:9.25s;opacity:0;transform:rotate(var(--rotateZ)) rotateX(var(--rotateX)) rotateY(var(--rotateY)) translateX(var(--translateX)) translateY(var(--translateY)) translateZ(var(--translateZ)) scale(.1)}.animate .dandelion-clock-part3 .pappus:nth-child(10){--rotateX:-29deg;--rotateY:240deg;--rotateZ:40deg;--translateX:400px;--translateY:-113px;--translateZ:0px;--speed:8.5s;opacity:0;transform:rotateY(var(--rotateY)) rotateX(var(--rotateX)) rotate(var(--rotateZ)) translateX(var(--translateX)) translateY(var(--translateY)) scale(.1)}.pappus:nth-child(11){transform:rotate(330deg)}.animate .dandelion-clock-part1 .pappus:nth-child(11){--rotateX:24deg;--rotateY:35deg;--rotateZ:300deg;--translateX:550px;--translateY:53px;--translateZ:0px;--speed:9.25s}.animate .dandelion-clock-part1 .pappus:nth-child(11),.animate .dandelion-clock-part2 .pappus:nth-child(11){opacity:0;transform:rotate(var(--rotateZ)) rotateX(var(--rotateX)) rotateY(var(--rotateY)) translateX(var(--translateX)) translateY(var(--translateY)) translateZ(var(--translateZ)) scale(.1)}.animate .dandelion-clock-part2 .pappus:nth-child(11){--rotateX:27deg;--rotateY:30deg;--rotateZ:300deg;--translateX:600px;--translateY:76px;--translateZ:0px;--speed:9.5s}.animate .dandelion-clock-part3 .pappus:nth-child(11){--rotateX:-8deg;--rotateY:260deg;--rotateZ:40deg;--translateX:500px;--translateY:-130px;--translateZ:0px;--speed:10s;opacity:0;transform:rotateY(var(--rotateY)) rotateX(var(--rotateX)) rotate(var(--rotateZ)) translateX(var(--translateX)) translateY(var(--translateY)) scale(.1)}.pappus:nth-child(12){transform:rotate(1turn)}.animate .dandelion-clock-part1 .pappus:nth-child(12){--rotateX:11deg;--rotateY:27deg;--rotateZ:320deg;--translateX:600px;--translateY:76px;--translateZ:0px;--speed:9.5s}.animate .dandelion-clock-part1 .pappus:nth-child(12),.animate .dandelion-clock-part2 .pappus:nth-child(12){opacity:0;transform:rotate(var(--rotateZ)) rotateX(var(--rotateX)) rotateY(var(--rotateY)) translateX(var(--translateX)) translateY(var(--translateY)) translateZ(var(--translateZ)) scale(.1)}.animate .dandelion-clock-part2 .pappus:nth-child(12){--rotateX:20deg;--rotateY:32deg;--rotateZ:320deg;--translateX:600px;--translateY:98px;--translateZ:0px;--speed:10s}.animate .dandelion-clock-part3 .pappus:nth-child(12){--rotateX:-12deg;--rotateY:280deg;--rotateZ:50deg;--translateX:600px;--translateY:-137px;--translateZ:0px;--speed:8.75s;opacity:0;transform:rotateY(var(--rotateY)) rotateX(var(--rotateX)) rotate(var(--rotateZ)) translateX(var(--translateX)) translateY(var(--translateY)) scale(.1)}.pappus:nth-child(13){transform:rotateY(30deg)}.animate .dandelion-clock-part1 .pappus:nth-child(13){--rotateX:24deg;--rotateY:35deg;--rotateZ:-18deg;--translateX:550px;--translateY:-138px;--translateZ:0px;--speed:9.5s}.animate .dandelion-clock-part1 .pappus:nth-child(13),.animate .dandelion-clock-part2 .pappus:nth-child(13){opacity:0;transform:rotate(var(--rotateZ)) rotateX(var(--rotateX)) rotateY(var(--rotateY)) translateX(var(--translateX)) translateY(var(--translateY)) translateZ(var(--translateZ)) scale(.1)}.animate .dandelion-clock-part2 .pappus:nth-child(13){--rotateX:-8deg;--rotateY:35deg;--rotateZ:-51deg;--translateX:700px;--translateY:-130px;--translateZ:0px;--speed:8.25s}.animate .dandelion-clock-part3 .pappus:nth-child(13){--rotateX:53deg;--rotateY:35deg;--rotateZ:-15deg;--translateX:650px;--translateY:-121px;--translateZ:0px;--speed:9.25s;opacity:0;transform:rotate(var(--rotateZ)) rotateX(var(--rotateX)) rotateY(var(--rotateY)) translateX(var(--translateX)) translateY(var(--translateY)) translateZ(var(--translateZ)) scale(.1)}.pappus:nth-child(14){transform:rotateY(60deg)}.animate .dandelion-clock-part1 .pappus:nth-child(14){--rotateX:10deg;--rotateY:55deg;--rotateZ:-6deg;--translateX:750px;--translateY:-142px;--translateZ:0px;--speed:9.5s;opacity:0;transform:rotate(var(--rotateZ)) rotateX(var(--rotateX)) rotateY(var(--rotateY)) translateX(var(--translateX)) translateY(var(--translateY)) translateZ(var(--translateZ)) scale(.1)}.animate .dandelion-clock-part2 .pappus:nth-child(14){--rotateX:-5deg;--rotateY:55deg;--rotateZ:-72deg;--translateX:800px;--translateY:-111px;--translateZ:0px;--speed:9.25s}.animate .dandelion-clock-part2 .pappus:nth-child(14),.animate .dandelion-clock-part3 .pappus:nth-child(14){opacity:0;transform:rotate(var(--rotateZ)) rotateX(var(--rotateX)) rotateY(var(--rotateY)) translateX(var(--translateX)) translateY(var(--translateY)) translateZ(var(--translateZ)) scale(.1)}.animate .dandelion-clock-part3 .pappus:nth-child(14){--rotateX:86deg;--rotateY:55deg;--rotateZ:-2deg;--translateX:800px;--translateY:-140px;--translateZ:0px;--speed:8.75s}.pappus:nth-child(15){transform:rotateY(90deg)}.animate .dandelion-clock-part1 .pappus:nth-child(15){--rotateX:30deg;--rotateY:75deg;--rotateZ:-19deg;--translateX:750px;--translateY:-147px;--translateZ:0px;--speed:8.25s}.animate .dandelion-clock-part1 .pappus:nth-child(15),.animate .dandelion-clock-part2 .pappus:nth-child(15){opacity:0;transform:rotate(var(--rotateZ)) rotateX(var(--rotateX)) rotateY(var(--rotateY)) translateX(var(--translateX)) translateY(var(--translateY)) translateZ(var(--translateZ)) scale(.1)}.animate .dandelion-clock-part2 .pappus:nth-child(15){--rotateX:-13deg;--rotateY:75deg;--rotateZ:-64deg;--translateX:700px;--translateY:-141px;--translateZ:0px;--speed:10s}.animate .dandelion-clock-part3 .pappus:nth-child(15){--rotateX:88deg;--rotateY:75deg;--rotateZ:-17deg;--translateX:750px;--translateY:-123px;--translateZ:0px;--speed:8.5s;opacity:0;transform:rotate(var(--rotateZ)) rotateX(var(--rotateX)) rotateY(var(--rotateY)) translateX(var(--translateX)) translateY(var(--translateY)) translateZ(var(--translateZ)) scale(.1)}.pappus:nth-child(16){transform:rotateY(120deg)}.animate .dandelion-clock-part1 .pappus:nth-child(16){--rotateX:24deg;--rotateY:95deg;--rotateZ:-19deg;--translateX:650px;--translateY:-125px;--translateZ:0px;--speed:9.75s;opacity:0;transform:rotate(var(--rotateZ)) rotateX(var(--rotateX)) rotateY(var(--rotateY)) translateX(var(--translateX)) translateY(var(--translateY)) translateZ(var(--translateZ)) scale(.1)}.animate .dandelion-clock-part2 .pappus:nth-child(16){--rotateX:-14deg;--rotateY:95deg;--rotateZ:-79deg;--translateX:550px;--translateY:-135px;--translateZ:0px;--speed:8.75s}.animate .dandelion-clock-part2 .pappus:nth-child(16),.animate .dandelion-clock-part3 .pappus:nth-child(16){opacity:0;transform:rotate(var(--rotateZ)) rotateX(var(--rotateX)) rotateY(var(--rotateY)) translateX(var(--translateX)) translateY(var(--translateY)) translateZ(var(--translateZ)) scale(.1)}.animate .dandelion-clock-part3 .pappus:nth-child(16){--rotateX:97deg;--rotateY:95deg;--rotateZ:-15deg;--translateX:800px;--translateY:-141px;--translateZ:0px;--speed:8.75s}.pappus:nth-child(17){transform:rotateY(150deg)}.animate .dandelion-clock-part1 .pappus:nth-child(17){--rotateX:13deg;--rotateY:115deg;--rotateZ:-17deg;--translateX:750px;--translateY:-147px;--translateZ:0px;--speed:9.25s}.animate .dandelion-clock-part1 .pappus:nth-child(17),.animate .dandelion-clock-part2 .pappus:nth-child(17){opacity:0;transform:rotate(var(--rotateZ)) rotateX(var(--rotateX)) rotateY(var(--rotateY)) translateX(var(--translateX)) translateY(var(--translateY)) translateZ(var(--translateZ)) scale(.1)}.animate .dandelion-clock-part2 .pappus:nth-child(17){--rotateX:-1deg;--rotateY:115deg;--rotateZ:-83deg;--translateX:650px;--translateY:-128px;--translateZ:0px;--speed:9s}.animate .dandelion-clock-part3 .pappus:nth-child(17){--rotateX:80deg;--rotateY:115deg;--rotateZ:-2deg;--translateX:700px;--translateY:-146px;--translateZ:0px;--speed:9.5s;opacity:0;transform:rotate(var(--rotateZ)) rotateX(var(--rotateX)) rotateY(var(--rotateY)) translateX(var(--translateX)) translateY(var(--translateY)) translateZ(var(--translateZ)) scale(.1)}.pappus:nth-child(18){transform:rotateY(210deg)}.animate .dandelion-clock-part1 .pappus:nth-child(18){--rotateX:5deg;--rotateY:215deg;--rotateZ:-7deg;--translateX:500px;--translateY:-110px;--translateZ:0px;--speed:8.25s}.animate .dandelion-clock-part1 .pappus:nth-child(18),.animate .dandelion-clock-part2 .pappus:nth-child(18){opacity:0;transform:rotateY(var(--rotateY)) rotateX(var(--rotateX)) rotate(var(--rotateZ)) translateX(var(--translateX)) translateY(var(--translateY)) translateZ(var(--translateZ)) scale(.1)}.animate .dandelion-clock-part2 .pappus:nth-child(18){--rotateX:-18deg;--rotateY:215deg;--rotateZ:-4deg;--translateX:350px;--translateY:-128px;--translateZ:0px;--speed:8.5s}.animate .dandelion-clock-part3 .pappus:nth-child(18){--rotateX:-7deg;--rotateY:215deg;--rotateZ:50deg;--translateX:450px;--translateY:-115px;--translateZ:0px;--speed:10s;opacity:0;transform:rotateY(var(--rotateY)) rotateX(var(--rotateX)) rotate(var(--rotateZ)) translateX(var(--translateX)) translateY(var(--translateY)) translateZ(var(--translateZ)) scale(.1)}.pappus:nth-child(19){transform:rotateY(240deg)}.animate .dandelion-clock-part1 .pappus:nth-child(19){--rotateX:29deg;--rotateY:235deg;--rotateZ:-12deg;--translateX:550px;--translateY:-128px;--translateZ:0px;--speed:8.5s}.animate .dandelion-clock-part1 .pappus:nth-child(19),.animate .dandelion-clock-part2 .pappus:nth-child(19){opacity:0;transform:rotateY(var(--rotateY)) rotateX(var(--rotateX)) rotate(var(--rotateZ)) translateX(var(--translateX)) translateY(var(--translateY)) translateZ(var(--translateZ)) scale(.1)}.animate .dandelion-clock-part2 .pappus:nth-child(19){--rotateX:-15deg;--rotateY:235deg;--rotateZ:-16deg;--translateX:550px;--translateY:-142px;--translateZ:0px;--speed:9.25s}.animate .dandelion-clock-part3 .pappus:nth-child(19) span{transform:rotate(-90deg)}.animate .dandelion-clock-part3 .pappus:nth-child(19) span:nth-child(2){transform:rotate(-90deg) rotateY(60deg)}.animate .dandelion-clock-part3 .pappus:nth-child(19) span:nth-child(3){transform:rotate(-90deg) rotateY(120deg)}.pappus:nth-child(20){transform:rotateY(270deg)}.animate .dandelion-clock-part1 .pappus:nth-child(20){--rotateX:22deg;--rotateY:255deg;--rotateZ:-1deg;--translateX:550px;--translateY:-111px;--translateZ:0px;--speed:8.25s}.animate .dandelion-clock-part1 .pappus:nth-child(20),.animate .dandelion-clock-part2 .pappus:nth-child(20){opacity:0;transform:rotateY(var(--rotateY)) rotateX(var(--rotateX)) rotate(var(--rotateZ)) translateX(var(--translateX)) translateY(var(--translateY)) translateZ(var(--translateZ)) scale(.1)}.animate .dandelion-clock-part2 .pappus:nth-child(20){--rotateX:-13deg;--rotateY:255deg;--rotateZ:-1deg;--translateX:500px;--translateY:-144px;--translateZ:0px;--speed:9s}.animate .dandelion-clock-part3 .pappus:nth-child(20){--rotateX:-14deg;--rotateY:255deg;--rotateZ:40deg;--translateX:600px;--translateY:-109px;--translateZ:0px;--speed:9.25s;opacity:0;transform:rotateY(var(--rotateY)) rotateX(var(--rotateX)) rotate(var(--rotateZ)) translateX(var(--translateX)) translateY(var(--translateY)) translateZ(var(--translateZ)) scale(.1)}.pappus:nth-child(21){transform:rotateY(300deg)}.animate .dandelion-clock-part1 .pappus:nth-child(21){--rotateX:23deg;--rotateY:275deg;--rotateZ:-4deg;--translateX:600px;--translateY:-123px;--translateZ:0px;--speed:9s}.animate .dandelion-clock-part1 .pappus:nth-child(21),.animate .dandelion-clock-part2 .pappus:nth-child(21){opacity:0;transform:rotateY(var(--rotateY)) rotateX(var(--rotateX)) rotate(var(--rotateZ)) translateX(var(--translateX)) translateY(var(--translateY)) translateZ(var(--translateZ)) scale(.1)}.animate .dandelion-clock-part2 .pappus:nth-child(21){--rotateX:-11deg;--rotateY:275deg;--rotateZ:-17deg;--translateX:600px;--translateY:-123px;--translateZ:0px;--speed:8.5s}.animate .dandelion-clock-part3 .pappus:nth-child(21){--rotateX:-26deg;--rotateY:275deg;--rotateZ:50deg;--translateX:350px;--translateY:-139px;--translateZ:0px;--speed:10s;opacity:0;transform:rotateY(var(--rotateY)) rotateX(var(--rotateX)) rotate(var(--rotateZ)) translateX(var(--translateX)) translateY(var(--translateY)) translateZ(var(--translateZ)) scale(.1)}.pappus:nth-child(22){transform:rotateY(330deg)}.animate .dandelion-clock-part1 .pappus:nth-child(22){--rotateX:25deg;--rotateY:295deg;--rotateZ:-11deg;--translateX:450px;--translateY:-116px;--translateZ:0px;--speed:9.25s}.animate .dandelion-clock-part1 .pappus:nth-child(22),.animate .dandelion-clock-part2 .pappus:nth-child(22){opacity:0;transform:rotateY(var(--rotateY)) rotateX(var(--rotateX)) rotate(var(--rotateZ)) translateX(var(--translateX)) translateY(var(--translateY)) translateZ(var(--translateZ)) scale(.1)}.animate .dandelion-clock-part2 .pappus:nth-child(22){--rotateX:-21deg;--rotateY:295deg;--rotateZ:-11deg;--translateX:450px;--translateY:-114px;--translateZ:0px;--speed:9.75s}.animate .dandelion-clock-part3 .pappus:nth-child(22){--rotateX:-22deg;--rotateY:295deg;--rotateZ:40deg;--translateX:400px;--translateY:-106px;--translateZ:0px;--speed:9.75s;opacity:0;transform:rotateY(var(--rotateY)) rotateX(var(--rotateX)) rotate(var(--rotateZ)) translateX(var(--translateX)) translateY(var(--translateY)) translateZ(var(--translateZ)) scale(.1)}