#app,body,html{margin:0;padding:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;width:100vw;height:100vh}*,:after,:before{padding:0;margin:0;box-sizing:border-box}:root{--dark-color:#000}#flower-panel{display:flex;align-items:flex-end;justify-content:center;min-height:60vh;background-color:var(--dark-color);overflow:hidden;perspective:1000px}.night{position:fixed;left:50%;top:0;transform:translateX(-50%);width:100%;height:100%;filter:blur(.1vmin);background-image:radial-gradient(ellipse at top,transparent 0,var(--dark-color)),radial-gradient(ellipse at bottom,var(--dark-color),rgba(145,233,255,.2)),repeating-linear-gradient(220deg,#000 0,#000 19px,transparent 19px,transparent 22px),repeating-linear-gradient(189deg,#000 0,#000 19px,transparent 19px,transparent 22px),repeating-linear-gradient(148deg,#000 0,#000 19px,transparent 19px,transparent 22px),linear-gradient(90deg,#00fffa,#f0f0f0)}.flowers{position:relative;transform:scale(.9)}.flower{position:absolute;bottom:10vmin;transform-origin:bottom center;z-index:10;--fl-speed:0.8s}.flower--1{-webkit-animation:moving-flower-1 4s linear infinite;animation:moving-flower-1 4s linear infinite}.flower--1 .flower__line{height:70vmin;-webkit-animation-delay:.3s;animation-delay:.3s}.flower--1 .flower__line__leaf--1{-webkit-animation:blooming-leaf-right var(--fl-speed) 1.6s backwards;animation:blooming-leaf-right var(--fl-speed) 1.6s backwards}.flower--1 .flower__line__leaf--2{-webkit-animation:blooming-leaf-right var(--fl-speed) 1.4s backwards;animation:blooming-leaf-right var(--fl-speed) 1.4s backwards}.flower--1 .flower__line__leaf--3{-webkit-animation:blooming-leaf-left var(--fl-speed) 1.2s backwards;animation:blooming-leaf-left var(--fl-speed) 1.2s backwards}.flower--1 .flower__line__leaf--4{-webkit-animation:blooming-leaf-left var(--fl-speed) 1s backwards;animation:blooming-leaf-left var(--fl-speed) 1s backwards}.flower--1 .flower__line__leaf--5{-webkit-animation:blooming-leaf-right var(--fl-speed) 1.8s backwards;animation:blooming-leaf-right var(--fl-speed) 1.8s backwards}.flower--1 .flower__line__leaf--6{-webkit-animation:blooming-leaf-left var(--fl-speed) 2s backwards;animation:blooming-leaf-left var(--fl-speed) 2s backwards}.flower--2{left:50%;transform:rotate(20deg);-webkit-animation:moving-flower-2 4s linear infinite;animation:moving-flower-2 4s linear infinite}.flower--2 .flower__line{height:60vmin;-webkit-animation-delay:.6s;animation-delay:.6s}.flower--2 .flower__line__leaf--1{-webkit-animation:blooming-leaf-right var(--fl-speed) 1.9s backwards;animation:blooming-leaf-right var(--fl-speed) 1.9s backwards}.flower--2 .flower__line__leaf--2{-webkit-animation:blooming-leaf-right var(--fl-speed) 1.7s backwards;animation:blooming-leaf-right var(--fl-speed) 1.7s backwards}.flower--2 .flower__line__leaf--3{-webkit-animation:blooming-leaf-left var(--fl-speed) 1.5s backwards;animation:blooming-leaf-left var(--fl-speed) 1.5s backwards}.flower--2 .flower__line__leaf--4{-webkit-animation:blooming-leaf-left var(--fl-speed) 1.3s backwards;animation:blooming-leaf-left var(--fl-speed) 1.3s backwards}.flower--3{left:50%;transform:rotate(-15deg);-webkit-animation:moving-flower-3 4s linear infinite;animation:moving-flower-3 4s linear infinite}.flower--3 .flower__line{-webkit-animation-delay:.9s;animation-delay:.9s}.flower--3 .flower__line__leaf--1{-webkit-animation:blooming-leaf-right var(--fl-speed) 2.5s backwards;animation:blooming-leaf-right var(--fl-speed) 2.5s backwards}.flower--3 .flower__line__leaf--2{-webkit-animation:blooming-leaf-right var(--fl-speed) 2.3s backwards;animation:blooming-leaf-right var(--fl-speed) 2.3s backwards}.flower--3 .flower__line__leaf--3{-webkit-animation:blooming-leaf-left var(--fl-speed) 2.1s backwards;animation:blooming-leaf-left var(--fl-speed) 2.1s backwards}.flower--3 .flower__line__leaf--4{-webkit-animation:blooming-leaf-left var(--fl-speed) 1.9s backwards;animation:blooming-leaf-left var(--fl-speed) 1.9s backwards}.flower__leafs{position:relative;-webkit-animation:blooming-flower 2s backwards;animation:blooming-flower 2s backwards}.flower__leafs--1{-webkit-animation-delay:1.1s;animation-delay:1.1s}.flower__leafs--2{-webkit-animation-delay:1.4s;animation-delay:1.4s}.flower__leafs--3{-webkit-animation-delay:1.7s;animation-delay:1.7s}.flower__leafs:after{content:"";position:absolute;left:0;top:0;transform:translate(-50%,-100%);width:8vmin;height:8vmin;background-color:#6bf0ff;filter:blur(10vmin)}.flower__leaf{position:absolute;bottom:0;left:50%;width:8vmin;height:11vmin;border-radius:51% 49% 47% 53%/44% 45% 55% 69%;background-color:#a7ffee;background-image:linear-gradient(0deg,#54b8aa,#a7ffee);transform-origin:bottom center;opacity:.9;box-shadow:inset 0 0 2vmin hsla(0,0%,100%,.5)}.flower__leaf--1{transform:translate(-10%,1%) rotateY(40deg) rotateX(-50deg)}.flower__leaf--2{transform:translate(-50%,-4%) rotateX(40deg)}.flower__leaf--3{transform:translate(-90%) rotateY(45deg) rotateX(50deg)}.flower__leaf--4{width:8vmin;height:8vmin;transform-origin:bottom left;border-radius:4vmin 10vmin 4vmin 4vmin;transform:translateY(18%) rotateX(70deg) rotate(-43deg);background-image:linear-gradient(0deg,#39c6d6,#a7ffee);z-index:1;opacity:.8}.flower__white-circle{position:absolute;left:-3.5vmin;top:-3vmin;width:9vmin;height:4vmin;border-radius:50%;background-color:#fff}.flower__white-circle:after{content:"";position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:60%;height:60%;border-radius:inherit;background-image:repeating-linear-gradient(135deg,rgba(0,0,0,.03),rgba(0,0,0,.03) 1px,transparent 0,transparent 12px),repeating-linear-gradient(45deg,rgba(0,0,0,.03),rgba(0,0,0,.03) 1px,transparent 0,transparent 12px),repeating-linear-gradient(67.5deg,rgba(0,0,0,.03),rgba(0,0,0,.03) 1px,transparent 0,transparent 12px),repeating-linear-gradient(135deg,rgba(0,0,0,.03),rgba(0,0,0,.03) 1px,transparent 0,transparent 12px),repeating-linear-gradient(45deg,rgba(0,0,0,.03),rgba(0,0,0,.03) 1px,transparent 0,transparent 12px),repeating-linear-gradient(112.5deg,rgba(0,0,0,.03),rgba(0,0,0,.03) 1px,transparent 0,transparent 12px),repeating-linear-gradient(112.5deg,rgba(0,0,0,.03),rgba(0,0,0,.03) 1px,transparent 0,transparent 12px),repeating-linear-gradient(45deg,rgba(0,0,0,.03),rgba(0,0,0,.03) 1px,transparent 0,transparent 12px),repeating-linear-gradient(22.5deg,rgba(0,0,0,.03),rgba(0,0,0,.03) 1px,transparent 0,transparent 12px),repeating-linear-gradient(45deg,rgba(0,0,0,.03),rgba(0,0,0,.03) 1px,transparent 0,transparent 12px),repeating-linear-gradient(22.5deg,rgba(0,0,0,.03),rgba(0,0,0,.03) 1px,transparent 0,transparent 12px),repeating-linear-gradient(135deg,rgba(0,0,0,.03),rgba(0,0,0,.03) 1px,transparent 0,transparent 12px),repeating-linear-gradient(157.5deg,rgba(0,0,0,.03),rgba(0,0,0,.03) 1px,transparent 0,transparent 12px),repeating-linear-gradient(67.5deg,rgba(0,0,0,.03),rgba(0,0,0,.03) 1px,transparent 0,transparent 12px),repeating-linear-gradient(67.5deg,rgba(0,0,0,.03),rgba(0,0,0,.03) 1px,transparent 0,transparent 12px),linear-gradient(90deg,#ffeb12,#ffce00)}.flower__line{height:55vmin;width:1.5vmin;background-image:linear-gradient(270deg,rgba(0,0,0,.2),transparent,hsla(0,0%,100%,.2)),linear-gradient(0deg,transparent 10%,#14757a,#39c6d6);box-shadow:inset 0 0 2px rgba(0,0,0,.5);-webkit-animation:grow-flower-tree 4s backwards;animation:grow-flower-tree 4s backwards}.flower__line__leaf{--w:7vmin;--h:calc(var(--w) + 2vmin);position:absolute;top:20%;left:90%;width:var(--w);height:var(--h);border-top-right-radius:var(--h);border-bottom-left-radius:var(--h);background-image:linear-gradient(0deg,rgba(20,117,122,.4),#39c6d6)}.flower__line__leaf--1,.flower__line__leaf--2{transform:rotate(70deg) rotateY(30deg)}.flower__line__leaf--2{top:45%}.flower__line__leaf--3,.flower__line__leaf--4,.flower__line__leaf--6{border-top-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:var(--h);border-bottom-right-radius:var(--h);left:-460%;top:12%;transform:rotate(-70deg) rotateY(30deg)}.flower__line__leaf--4{top:40%}.flower__line__leaf--5{top:0;transform-origin:left;transform:rotate(70deg) rotateY(30deg) scale(.6)}.flower__line__leaf--6{top:-2%;left:-450%;transform-origin:right;transform:rotate(-70deg) rotateY(30deg) scale(.6)}.flower__light{position:absolute;bottom:0;width:1vmin;height:1vmin;background-color:#fffb00;border-radius:50%;filter:blur(.2vmin);-webkit-animation:light-ans 4s linear infinite backwards;animation:light-ans 4s linear infinite backwards}.flower__light:nth-child(odd){background-color:#23f0ff}.flower__light--1{left:-2vmin;-webkit-animation-delay:1s;animation-delay:1s}.flower__light--2{left:3vmin;-webkit-animation-delay:.5s;animation-delay:.5s}.flower__light--3{left:-6vmin;-webkit-animation-delay:.3s;animation-delay:.3s}.flower__light--4{left:6vmin;-webkit-animation-delay:.9s;animation-delay:.9s}.flower__light--5{left:-1vmin;-webkit-animation-delay:1.5s;animation-delay:1.5s}.flower__light--6{left:-4vmin;-webkit-animation-delay:3s;animation-delay:3s}.flower__light--7{left:3vmin;-webkit-animation-delay:2s;animation-delay:2s}.flower__light--8{left:-6vmin;-webkit-animation-delay:3.5s;animation-delay:3.5s}.flower__grass{--c:#159faa;--line-w:1.5vmin;position:absolute;bottom:12vmin;left:-7vmin;display:flex;flex-direction:column;align-items:flex-end;z-index:20;transform-origin:bottom center;transform:rotate(-48deg) rotateY(40deg)}.flower__grass--1{-webkit-animation:moving-grass 2s linear infinite;animation:moving-grass 2s linear infinite}.flower__grass--2{left:2vmin;bottom:10vmin;transform:scale(.5) rotate(75deg) rotateX(10deg) rotateY(-200deg);opacity:.8;z-index:0;-webkit-animation:moving-grass--2 1.5s linear infinite;animation:moving-grass--2 1.5s linear infinite}.flower__grass--top{width:7vmin;height:10vmin;border-top-right-radius:100%;border-right:var(--line-w) solid var(--c);transform-origin:bottom center;transform:rotate(-2deg)}.flower__grass--bottom{margin-top:-2px;width:var(--line-w);height:25vmin;background-image:linear-gradient(to top,transparent,var(--c))}.flower__grass__leaf{--size:10vmin;position:absolute;width:calc(var(--size)*2.1);height:var(--size);border-top-left-radius:var(--size);border-top-right-radius:var(--size);background-image:linear-gradient(to top,transparent,transparent 30%,var(--c));z-index:100}.flower__grass__leaf--1{top:-6%;left:30%;--size:6vmin;transform:rotate(-20deg);-webkit-animation:growing-grass-ans--1 2s 2.6s backwards;animation:growing-grass-ans--1 2s 2.6s backwards}@-webkit-keyframes growing-grass-ans--1{0%{transform-origin:bottom left;transform:rotate(-20deg) scale(0)}}@keyframes growing-grass-ans--1{0%{transform-origin:bottom left;transform:rotate(-20deg) scale(0)}}.flower__grass__leaf--2{top:-5%;left:-110%;--size:6vmin;transform:rotate(10deg);-webkit-animation:growing-grass-ans--2 2s linear 2.4s backwards;animation:growing-grass-ans--2 2s linear 2.4s backwards}@-webkit-keyframes growing-grass-ans--2{0%{transform-origin:bottom right;transform:rotate(10deg) scale(0)}}@keyframes growing-grass-ans--2{0%{transform-origin:bottom right;transform:rotate(10deg) scale(0)}}.flower__grass__leaf--3{top:5%;left:60%;--size:8vmin;transform:rotate(-18deg) rotateX(-20deg);-webkit-animation:growing-grass-ans--3 2s linear 2.2s backwards;animation:growing-grass-ans--3 2s linear 2.2s backwards}@-webkit-keyframes growing-grass-ans--3{0%{transform-origin:bottom left;transform:rotate(-18deg) rotateX(-20deg) scale(0)}}@keyframes growing-grass-ans--3{0%{transform-origin:bottom left;transform:rotate(-18deg) rotateX(-20deg) scale(0)}}.flower__grass__leaf--4{top:6%;left:-135%;--size:8vmin;transform:rotate(2deg);-webkit-animation:growing-grass-ans--4 2s linear 2s backwards;animation:growing-grass-ans--4 2s linear 2s backwards}@-webkit-keyframes growing-grass-ans--4{0%{transform-origin:bottom right;transform:rotate(2deg) scale(0)}}@keyframes growing-grass-ans--4{0%{transform-origin:bottom right;transform:rotate(2deg) scale(0)}}.flower__grass__leaf--5{top:20%;left:60%;--size:10vmin;transform:rotate(-24deg) rotateX(-20deg);-webkit-animation:growing-grass-ans--5 2s linear 1.8s backwards;animation:growing-grass-ans--5 2s linear 1.8s backwards}@-webkit-keyframes growing-grass-ans--5{0%{transform-origin:bottom left;transform:rotate(-24deg) rotateX(-20deg) scale(0)}}@keyframes growing-grass-ans--5{0%{transform-origin:bottom left;transform:rotate(-24deg) rotateX(-20deg) scale(0)}}.flower__grass__leaf--6{top:22%;left:-180%;--size:10vmin;transform:rotate(10deg);-webkit-animation:growing-grass-ans--6 2s linear 1.6s backwards;animation:growing-grass-ans--6 2s linear 1.6s backwards}@-webkit-keyframes growing-grass-ans--6{0%{transform-origin:bottom right;transform:rotate(10deg) scale(0)}}@keyframes growing-grass-ans--6{0%{transform-origin:bottom right;transform:rotate(10deg) scale(0)}}.flower__grass__leaf--7{top:39%;left:70%;--size:10vmin;transform:rotate(-10deg);-webkit-animation:growing-grass-ans--7 2s linear 1.4s backwards;animation:growing-grass-ans--7 2s linear 1.4s backwards}@-webkit-keyframes growing-grass-ans--7{0%{transform-origin:bottom left;transform:rotate(-10deg) scale(0)}}@keyframes growing-grass-ans--7{0%{transform-origin:bottom left;transform:rotate(-10deg) scale(0)}}.flower__grass__leaf--8{top:40%;left:-215%;--size:11vmin;transform:rotate(10deg);-webkit-animation:growing-grass-ans--8 2s linear 1.2s backwards;animation:growing-grass-ans--8 2s linear 1.2s backwards}@-webkit-keyframes growing-grass-ans--8{0%{transform-origin:bottom right;transform:rotate(10deg) scale(0)}}@keyframes growing-grass-ans--8{0%{transform-origin:bottom right;transform:rotate(10deg) scale(0)}}.flower__grass__overlay{position:absolute;top:-10%;right:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);filter:blur(1.5vmin);z-index:100}.flower__g-long{--w:2vmin;--h:6vmin;--c:#159faa;position:absolute;bottom:10vmin;left:-3vmin;transform-origin:bottom center;transform:rotate(-30deg) rotateY(-20deg);display:flex;flex-direction:column;align-items:flex-end;-webkit-animation:flower-g-long-ans 3s linear infinite;animation:flower-g-long-ans 3s linear infinite}@-webkit-keyframes flower-g-long-ans{0%,to{transform:rotate(-30deg) rotateY(-20deg)}50%{transform:rotate(-32deg) rotateY(-20deg)}}@keyframes flower-g-long-ans{0%,to{transform:rotate(-30deg) rotateY(-20deg)}50%{transform:rotate(-32deg) rotateY(-20deg)}}.flower__g-long__top{top:calc(var(--h)*-1);width:calc(var(--w) + 1vmin);height:var(--h);border-top-right-radius:100%;border-right:.7vmin solid var(--c);transform:translate(-.7vmin,1vmin)}.flower__g-long__bottom{width:var(--w);height:50vmin;transform-origin:bottom center;background-image:linear-gradient(to top,transparent 30%,var(--c));box-shadow:inset 0 0 2px rgba(0,0,0,.5);-webkit-clip-path:polygon(35% 0,65% 1%,100% 100%,0 100%);clip-path:polygon(35% 0,65% 1%,100% 100%,0 100%)}.flower__g-right{position:absolute;bottom:6vmin;left:-2vmin;transform-origin:bottom left;transform:rotate(20deg)}.flower__g-right .leaf{width:30vmin;height:50vmin;border-top-left-radius:100%;border-left:2vmin solid #079097;background-image:linear-gradient(to bottom,transparent,var(--dark-color) 60%);-webkit-mask-image:linear-gradient(0deg,transparent 30%,#079097 60%)}.flower__g-right--1{-webkit-animation:flower-g-right-ans 2.5s linear infinite;animation:flower-g-right-ans 2.5s linear infinite}.flower__g-right--2{left:5vmin;transform:rotateY(-180deg);-webkit-animation:flower-g-right-ans--2 3s linear infinite;animation:flower-g-right-ans--2 3s linear infinite}.flower__g-right--2 .leaf{height:75vmin;filter:blur(.3vmin);opacity:.8}@-webkit-keyframes flower-g-right-ans{0%,to{transform:rotate(20deg)}50%{transform:rotate(24deg) rotateX(-20deg)}}@keyframes flower-g-right-ans{0%,to{transform:rotate(20deg)}50%{transform:rotate(24deg) rotateX(-20deg)}}@-webkit-keyframes flower-g-right-ans--2{0%,to{transform:rotateY(-180deg) rotate(0deg) rotateX(-20deg)}50%{transform:rotateY(-180deg) rotate(6deg) rotateX(-20deg)}}@keyframes flower-g-right-ans--2{0%,to{transform:rotateY(-180deg) rotate(0deg) rotateX(-20deg)}50%{transform:rotateY(-180deg) rotate(6deg) rotateX(-20deg)}}.flower__g-front{position:absolute;bottom:6vmin;left:2.5vmin;z-index:100;transform-origin:bottom center;transform:rotate(-28deg) rotateY(30deg) scale(1.04);-webkit-animation:flower__g-front-ans 2s linear infinite;animation:flower__g-front-ans 2s linear infinite}@-webkit-keyframes flower__g-front-ans{0%,to{transform:rotate(-28deg) rotateY(30deg) scale(1.04)}50%{transform:rotate(-35deg) rotateY(40deg) scale(1.04)}}@keyframes flower__g-front-ans{0%,to{transform:rotate(-28deg) rotateY(30deg) scale(1.04)}50%{transform:rotate(-35deg) rotateY(40deg) scale(1.04)}}.flower__g-front__line{width:.3vmin;height:20vmin;background-image:linear-gradient(0deg,transparent,#079097,transparent);position:relative}.flower__g-front__leaf-wrapper{position:absolute;top:0;left:0;transform-origin:bottom left;transform:rotate(10deg)}.flower__g-front__leaf-wrapper:nth-child(2n){left:0;transform:rotateY(-180deg) rotate(5deg);-webkit-animation:flower__g-front__leaf-left-ans 1s ease-in backwards;animation:flower__g-front__leaf-left-ans 1s ease-in backwards}.flower__g-front__leaf-wrapper:nth-child(odd){-webkit-animation:flower__g-front__leaf-ans 1s ease-in backwards;animation:flower__g-front__leaf-ans 1s ease-in backwards}.flower__g-front__leaf-wrapper--1{top:-8vmin;transform:scale(.7);-webkit-animation:flower__g-front__leaf-ans 1s ease-in 5.5s backwards!important;animation:flower__g-front__leaf-ans 1s ease-in 5.5s backwards!important}.flower__g-front__leaf-wrapper--2{top:-8vmin;transform:rotateY(-180deg) scale(.7)!important;-webkit-animation:flower__g-front__leaf-left-ans-2 1s ease-in 4.6s backwards!important;animation:flower__g-front__leaf-left-ans-2 1s ease-in 4.6s backwards!important}.flower__g-front__leaf-wrapper--3{top:-3vmin;-webkit-animation:flower__g-front__leaf-ans 1s ease-in 4.6s backwards;animation:flower__g-front__leaf-ans 1s ease-in 4.6s backwards}.flower__g-front__leaf-wrapper--4{top:-3vmin;transform:rotateY(-180deg) scale(.9)!important;-webkit-animation:flower__g-front__leaf-left-ans-2 1s ease-in 4.6s backwards!important;animation:flower__g-front__leaf-left-ans-2 1s ease-in 4.6s backwards!important}@-webkit-keyframes flower__g-front__leaf-left-ans-2{0%{transform:rotateY(-180deg) scale(0)}}@keyframes flower__g-front__leaf-left-ans-2{0%{transform:rotateY(-180deg) scale(0)}}.flower__g-front__leaf-wrapper--5,.flower__g-front__leaf-wrapper--6{top:2vmin}.flower__g-front__leaf-wrapper--7,.flower__g-front__leaf-wrapper--8{top:6.5vmin}.flower__g-front__leaf-wrapper--2{-webkit-animation-delay:5.2s!important;animation-delay:5.2s!important}.flower__g-front__leaf-wrapper--3{-webkit-animation-delay:4.9s!important;animation-delay:4.9s!important}.flower__g-front__leaf-wrapper--5{-webkit-animation-delay:4.3s!important;animation-delay:4.3s!important}.flower__g-front__leaf-wrapper--6{-webkit-animation-delay:4.1s!important;animation-delay:4.1s!important}.flower__g-front__leaf-wrapper--7{-webkit-animation-delay:3.8s!important;animation-delay:3.8s!important}.flower__g-front__leaf-wrapper--8{-webkit-animation-delay:3.5s!important;animation-delay:3.5s!important}@-webkit-keyframes flower__g-front__leaf-ans{0%{transform:rotate(10deg) scale(0)}}@keyframes flower__g-front__leaf-ans{0%{transform:rotate(10deg) scale(0)}}@-webkit-keyframes flower__g-front__leaf-left-ans{0%{transform:rotateY(-180deg) rotate(5deg) scale(0)}}@keyframes flower__g-front__leaf-left-ans{0%{transform:rotateY(-180deg) rotate(5deg) scale(0)}}.flower__g-front__leaf{width:10vmin;height:10vmin;border-radius:100% 0 0 100%/100% 100% 0 0;box-shadow:inset 0 2px 1vmin rgba(44,238,252,.2);background-image:linear-gradient(to bottom left,transparent,var(--dark-color)),linear-gradient(to bottom right,#159faa 50%,transparent 50%,transparent);-webkit-mask-image:linear-gradient(to bottom right,#159faa 50%,transparent 0,transparent);mask-image:linear-gradient(to bottom right,#159faa 50%,transparent 0,transparent)}.flower__g-fr{position:absolute;bottom:-4vmin;left:vmin;transform-origin:bottom left;z-index:10;-webkit-animation:flower__g-fr-ans 2s linear infinite;animation:flower__g-fr-ans 2s linear infinite}@-webkit-keyframes flower__g-fr-ans{0%,to{transform:rotate(2deg)}50%{transform:rotate(4deg)}}@keyframes flower__g-fr-ans{0%,to{transform:rotate(2deg)}50%{transform:rotate(4deg)}}.flower__g-fr .leaf{width:30vmin;height:50vmin;border-top-left-radius:100%;border-left:2vmin solid #079097;-webkit-mask-image:linear-gradient(0deg,transparent 25%,#079097 50%);position:relative;z-index:1}.flower__g-fr__leaf{position:absolute;top:0;left:0;width:10vmin;height:10vmin;border-radius:100% 0 0 100%/100% 100% 0 0;box-shadow:inset 0 2px 1vmin rgba(44,238,252,.2);background-image:linear-gradient(to bottom left,transparent,var(--dark-color) 98%),linear-gradient(to bottom right,#23f0ff 45%,transparent 50%,transparent);-webkit-mask-image:linear-gradient(135deg,#159faa 40%,transparent 50%,transparent)}.flower__g-fr__leaf--1{left:20vmin;transform:rotate(45deg);-webkit-animation:flower__g-fr-leaft-ans-1 .5s linear 5.2s backwards;animation:flower__g-fr-leaft-ans-1 .5s linear 5.2s backwards}@-webkit-keyframes flower__g-fr-leaft-ans-1{0%{transform-origin:left;transform:rotate(45deg) scale(0)}}@keyframes flower__g-fr-leaft-ans-1{0%{transform-origin:left;transform:rotate(45deg) scale(0)}}.flower__g-fr__leaf--2{left:12vmin;top:-7vmin;transform:rotate(25deg) rotateY(-180deg);-webkit-animation:flower__g-fr-leaft-ans-6 .5s linear 5s backwards;animation:flower__g-fr-leaft-ans-6 .5s linear 5s backwards}.flower__g-fr__leaf--3{left:15vmin;top:6vmin;transform:rotate(55deg);-webkit-animation:flower__g-fr-leaft-ans-5 .5s linear 4.8s backwards;animation:flower__g-fr-leaft-ans-5 .5s linear 4.8s backwards}.flower__g-fr__leaf--4{left:6vmin;top:-2vmin;transform:rotate(25deg) rotateY(-180deg);-webkit-animation:flower__g-fr-leaft-ans-6 .5s linear 4.6s backwards;animation:flower__g-fr-leaft-ans-6 .5s linear 4.6s backwards}.flower__g-fr__leaf--5{left:10vmin;top:14vmin;transform:rotate(55deg);-webkit-animation:flower__g-fr-leaft-ans-5 .5s linear 4.4s backwards;animation:flower__g-fr-leaft-ans-5 .5s linear 4.4s backwards}@-webkit-keyframes flower__g-fr-leaft-ans-5{0%{transform-origin:left;transform:rotate(55deg) scale(0)}}@keyframes flower__g-fr-leaft-ans-5{0%{transform-origin:left;transform:rotate(55deg) scale(0)}}.flower__g-fr__leaf--6{left:0;top:6vmin;transform:rotate(25deg) rotateY(-180deg);-webkit-animation:flower__g-fr-leaft-ans-6 .5s linear 4.2s backwards;animation:flower__g-fr-leaft-ans-6 .5s linear 4.2s backwards}@-webkit-keyframes flower__g-fr-leaft-ans-6{0%{transform-origin:right;transform:rotate(25deg) rotateY(-180deg) scale(0)}}@keyframes flower__g-fr-leaft-ans-6{0%{transform-origin:right;transform:rotate(25deg) rotateY(-180deg) scale(0)}}.flower__g-fr__leaf--7{left:5vmin;top:22vmin;transform:rotate(45deg);-webkit-animation:flower__g-fr-leaft-ans-7 .5s linear 4s backwards;animation:flower__g-fr-leaft-ans-7 .5s linear 4s backwards}@-webkit-keyframes flower__g-fr-leaft-ans-7{0%{transform-origin:left;transform:rotate(45deg) scale(0)}}@keyframes flower__g-fr-leaft-ans-7{0%{transform-origin:left;transform:rotate(45deg) scale(0)}}.flower__g-fr__leaf--8{left:-4vmin;top:15vmin;transform:rotate(15deg) rotateY(-180deg);-webkit-animation:flower__g-fr-leaft-ans-8 .5s linear 3.8s backwards;animation:flower__g-fr-leaft-ans-8 .5s linear 3.8s backwards}@-webkit-keyframes flower__g-fr-leaft-ans-8{0%{transform-origin:right;transform:rotate(15deg) rotateY(-180deg) scale(0)}}@keyframes flower__g-fr-leaft-ans-8{0%{transform-origin:right;transform:rotate(15deg) rotateY(-180deg) scale(0)}}.long-g{position:absolute;bottom:25vmin;left:-42vmin;transform-origin:bottom left}.long-g--1{bottom:0;transform:scale(.8) rotate(-5deg)}.long-g--1 .leaf{-webkit-mask-image:linear-gradient(0deg,transparent 40%,#079097 80%)!important}.long-g--1 .leaf--1{--w:5vmin;--h:60vmin;left:-2vmin;transform:rotate(3deg) rotateY(-180deg)}.long-g--2,.long-g--3{bottom:-3vmin;left:-35vmin;transform-origin:center;transform:scale(.6) rotateX(60deg)}.long-g--2 .leaf,.long-g--3 .leaf{-webkit-mask-image:linear-gradient(0deg,transparent 50%,#079097 80%)!important}.long-g--2 .leaf--1,.long-g--3 .leaf--1{left:-1vmin;transform:rotateY(-180deg)}.long-g--3{left:-17vmin;bottom:0}.long-g--3 .leaf{-webkit-mask-image:linear-gradient(0deg,transparent 40%,#079097 80%)!important}.long-g--4{left:25vmin;bottom:-3vmin;transform-origin:center;transform:scale(.6) rotateX(60deg)}.long-g--4 .leaf{-webkit-mask-image:linear-gradient(0deg,transparent 50%,#079097 80%)!important}.long-g--5{left:42vmin;bottom:0}.long-g--5,.long-g--6{transform:scale(.8) rotate(2deg)}.long-g--6{left:0;bottom:-20vmin;z-index:100;filter:blur(.3vmin)}.long-g--7{left:35vmin;bottom:20vmin;z-index:-1;filter:blur(.3vmin);transform:scale(.6) rotate(2deg);opacity:.7}.long-g .leaf{--w:15vmin;--h:40vmin;--c:#1aaa15;position:absolute;bottom:0;width:var(--w);height:var(--h);border-top-left-radius:100%;border-left:2vmin solid var(--c);-webkit-mask-image:linear-gradient(to top,transparent 20%,var(--dark-color));transform-origin:bottom center}.long-g .leaf--0{left:2vmin}.long-g .leaf--0,.long-g .leaf--1{-webkit-animation:leaf-ans-1 4s linear infinite;animation:leaf-ans-1 4s linear infinite}.long-g .leaf--1{--w:5vmin;--h:60vmin}.long-g .leaf--2{--w:10vmin;--h:40vmin;left:-.5vmin;bottom:5vmin;transform-origin:bottom left;transform:rotateY(-180deg);-webkit-animation:leaf-ans-2 3s linear infinite;animation:leaf-ans-2 3s linear infinite}.long-g .leaf--3{--w:5vmin;--h:30vmin;left:-1vmin;bottom:3.2vmin;transform-origin:bottom left;transform:rotate(-10deg) rotateY(-180deg);-webkit-animation:leaf-ans-3 3s linear infinite;animation:leaf-ans-3 3s linear infinite}@-webkit-keyframes leaf-ans-1{0%,to{transform:rotate(-5deg) scale(1)}50%{transform:rotate(5deg) scale(1.1)}}@keyframes leaf-ans-1{0%,to{transform:rotate(-5deg) scale(1)}50%{transform:rotate(5deg) scale(1.1)}}@-webkit-keyframes leaf-ans-2{0%,to{transform:rotateY(-180deg) rotate(5deg)}50%{transform:rotateY(-180deg) rotate(0deg) scale(1.1)}}@keyframes leaf-ans-2{0%,to{transform:rotateY(-180deg) rotate(5deg)}50%{transform:rotateY(-180deg) rotate(0deg) scale(1.1)}}@-webkit-keyframes leaf-ans-3{0%,to{transform:rotate(-10deg) rotateY(-180deg)}50%{transform:rotate(-20deg) rotateY(-180deg)}}@keyframes leaf-ans-3{0%,to{transform:rotate(-10deg) rotateY(-180deg)}50%{transform:rotate(-20deg) rotateY(-180deg)}}.grow-ans{-webkit-animation:grow-ans 2s var(--d) backwards;animation:grow-ans 2s var(--d) backwards}@-webkit-keyframes grow-ans{0%{transform:scale(0);opacity:0}}@keyframes grow-ans{0%{transform:scale(0);opacity:0}}@-webkit-keyframes light-ans{0%{opacity:0;transform:translateY(0)}25%{opacity:1;transform:translateY(-5vmin) translateX(-2vmin)}50%{opacity:1;transform:translateY(-15vmin) translateX(2vmin);filter:blur(.2vmin)}75%{transform:translateY(-20vmin) translateX(-2vmin);filter:blur(.2vmin)}to{transform:translateY(-30vmin);opacity:0;filter:blur(1vmin)}}@keyframes light-ans{0%{opacity:0;transform:translateY(0)}25%{opacity:1;transform:translateY(-5vmin) translateX(-2vmin)}50%{opacity:1;transform:translateY(-15vmin) translateX(2vmin);filter:blur(.2vmin)}75%{transform:translateY(-20vmin) translateX(-2vmin);filter:blur(.2vmin)}to{transform:translateY(-30vmin);opacity:0;filter:blur(1vmin)}}@-webkit-keyframes moving-flower-1{0%,to{transform:rotate(2deg)}50%{transform:rotate(-2deg)}}@keyframes moving-flower-1{0%,to{transform:rotate(2deg)}50%{transform:rotate(-2deg)}}@-webkit-keyframes moving-flower-2{0%,to{transform:rotate(18deg)}50%{transform:rotate(14deg)}}@keyframes moving-flower-2{0%,to{transform:rotate(18deg)}50%{transform:rotate(14deg)}}@-webkit-keyframes moving-flower-3{0%,to{transform:rotate(-18deg)}50%{transform:rotate(-20deg) rotateY(-10deg)}}@keyframes moving-flower-3{0%,to{transform:rotate(-18deg)}50%{transform:rotate(-20deg) rotateY(-10deg)}}@-webkit-keyframes blooming-leaf-right{0%{transform-origin:left;transform:rotate(70deg) rotateY(30deg) scale(0)}}@keyframes blooming-leaf-right{0%{transform-origin:left;transform:rotate(70deg) rotateY(30deg) scale(0)}}@-webkit-keyframes blooming-leaf-left{0%{transform-origin:right;transform:rotate(-70deg) rotateY(30deg) scale(0)}}@keyframes blooming-leaf-left{0%{transform-origin:right;transform:rotate(-70deg) rotateY(30deg) scale(0)}}@-webkit-keyframes grow-flower-tree{0%{height:0;border-radius:1vmin}}@keyframes grow-flower-tree{0%{height:0;border-radius:1vmin}}@-webkit-keyframes blooming-flower{0%{transform:scale(0)}}@keyframes blooming-flower{0%{transform:scale(0)}}@-webkit-keyframes moving-grass{0%,to{transform:rotate(-48deg) rotateY(40deg)}50%{transform:rotate(-50deg) rotateY(40deg)}}@keyframes moving-grass{0%,to{transform:rotate(-48deg) rotateY(40deg)}50%{transform:rotate(-50deg) rotateY(40deg)}}@-webkit-keyframes moving-grass--2{0%,to{transform:scale(.5) rotate(75deg) rotateX(10deg) rotateY(-200deg)}50%{transform:scale(.5) rotate(79deg) rotateX(10deg) rotateY(-200deg)}}@keyframes moving-grass--2{0%,to{transform:scale(.5) rotate(75deg) rotateX(10deg) rotateY(-200deg)}50%{transform:scale(.5) rotate(79deg) rotateX(10deg) rotateY(-200deg)}}.growing-grass{-webkit-animation:growing-grass-ans 1s 2s backwards;animation:growing-grass-ans 1s 2s backwards}@-webkit-keyframes growing-grass-ans{0%{transform:scale(0)}}@keyframes growing-grass-ans{0%{transform:scale(0)}}.not-loaded *{-webkit-animation-play-state:paused!important;animation-play-state:paused!important}.layout[data-v-2776a9f8]{width:100vw;height:100vh}#flower-panel[data-v-2776a9f8]{position:absolute;left:0;top:0;z-index:-1;width:100vw;height:100vh}.left-panel[data-v-2776a9f8]{width:150px;color:#f5f5f5;font-size:72px;font-family:黑体,Arial Narrow;background-color:#ef2d66;height:100vh;writing-mode:vertical-rl;padding:24px;opacity:.5}.main-panel[data-v-2776a9f8]{color:#f5f5f5;height:100vh}.auth[data-v-2776a9f8]{margin-top:100px;border-radius:24px;color:#fff;background-color:#f0f8ff;padding:24px}.el-pagination[data-v-0f3a2470]{justify-content:center}.header[data-v-3b38c335]{background-color:#ef2d66;color:#f5f5f5;height:var(--el-header-height);line-height:var(--el-header-height)}.header .product[data-v-3b38c335]{font-size:32px;margin-top:12px}.item-panel .block[data-v-3b38c335]{text-align:center;border:#ef2d66;border-width:1px;border-style:dashed;margin:12px;display:inline-block;width:20%;box-sizing:border-box;vertical-align:top}.item-panel .demonstration[data-v-3b38c335]{display:block;color:var(--el-text-color-secondary);font-size:14px;margin-bottom:20px}.el-pagination[data-v-3b38c335]{justify-content:center}.uploader .image[data-v-3b38c335]{width:178px;height:178px;display:block}.uploader .el-upload{border:1px dashed var(--el-border-color);border-radius:6px;cursor:pointer;position:relative;overflow:hidden;transition:var(--el-transition-duration-fast)}.uploader .el-upload:hover{border-color:var(--el-color-primary)}.el-icon.uploader-icon{font-size:28px;color:#8c939d;width:178px;height:178px;text-align:center}body[data-v-64bf55f2]{color:#5f9ea0}