*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:linear-gradient(to top, #fff8e1, #f5e1a4);--color-glass:linear-gradient(to left, #f8e6c5, #f5c469);--color-water:linear-gradient(to left, #fbe7b5, #f5c469);--color-flower-petal-1:linear-gradient(to bottom, gold, #e6b800, #f5e1a4 99%);--color-flower-petal-2:linear-gradient(to bottom, #fc0, #d4af37, #f5e1a4 99%);--color-flower-leaf:linear-gradient(to bottom, #ffedcc, #f8d9a2, #f5e1a4 99%);--color-flower-petal-8:linear-gradient(to left bottom, #ffe4b5, #fc9, #caa472 98%);--color-flower-line:linear-gradient(to left top, #fff8e1 20%, #f5e1a4, #e6b800);--color-flower-line-1:linear-gradient(to top, #f5e1a4, #d4af37);--color-flower-leaf-9:linear-gradient(to left bottom, gold, #f5c469);--color-flower-leaf-8:linear-gradient(to left bottom, #fc0, #d4af37);--color-flower-line-bg:#d4af37;--color-flower-line-border:#b8860b;--color-flower-leaf-bg:gold;--color-flower-leaf-2-bg:#e6c200;--color-flower-leaf-3-bg:#f5c469;--color-glass-bg:wheat}.flower{z-index:-2;pointer-events:none;position:absolute;top:10%;right:10%}.flower-2{z-index:-2;pointer-events:none;position:absolute;bottom:10%;left:20%;transform:scaleY(-1)rotate(-90deg)}.flower__glass{background-image:var(--color-glass);clip-path:polygon(0 0,100% 0,85% 100%,15% 100%);opacity:.8;width:20vmin;height:30vmin;position:relative}.flower__glass:after{content:"";background-color:var(--color-glass-bg);width:100%;height:2vmin;position:absolute;bottom:0;left:0}.flower__glass:before{content:"";background-image:var(--color-water);width:100%;height:15vmin;position:absolute;bottom:0;left:0}.f-wrapper{position:absolute;top:-10vmin;right:-10vmin;transform:rotate(-120deg)}.f-wrapper--2{transform-origin:0 10%;position:absolute;top:-15vmin;left:-10vmin;transform:rotate(-190deg)}.f-wrapper--3{transform-origin:10% left;top:15vmin;right:-20vmin;transform:rotate(10deg)}.f-wrapper--3 .flower__line{height:45vmin;position:relative}.f-wrapper--3 .flower__line:after{content:"";border:2vmin solid var(--color-flower-line-border);border-bottom:#0000;border-left:#0000;border-radius:10vmin 10vmin 0 0;width:6vmin;height:6vmin;position:absolute;top:0;left:0;transform:translate(-69%,-30%)rotate(-5deg)}.f-wrapper--3 .flower__line:before{content:"";transform-origin:100%;background-color:var(--color-flower-line-bg);border-radius:2vmin;width:6vmin;height:2vmin;position:absolute;top:-1%;left:-40%;transform:translate(-100%,-80%)rotate(-20deg)}.f-wrapper--3 .flower__line{background-image:var(--color-flower-line-1)}.f-wrapper--2 .flower__line{height:45vmin}.f-wrapper--2 .f{transform:translate(-50%)rotate(20deg)}.f-wrapper--3 .f{transform:translate(-350%,-50%)rotate(-120deg)}.f-wrapper--2 .flower__leaf:not(:first-child){background-image:var(--color-flower-petal-1);width:3.8vmin;height:10vmin}.f-wrapper--3 .flower__leaf:not(:first-child){background-image:var(--color-flower-petal-2);width:3.8vmin;height:10vmin}.f-wrapper--3 .flower__leaf--1{background-color:var(--color-flower-leaf-bg);width:8vmin;height:10vmin;bottom:2vmin}.f-wrapper--2 .flower__leaf--1{background-color:var(--color-flower-leaf-2-bg);width:8vmin;height:10vmin;bottom:2vmin}.f-wrapper--2 .f .flower__leaf--8{background-image:var(--color-flower-leaf-9);width:10vmin;height:9vmin;bottom:3vmin;left:-30%;transform:rotate(-50deg)}.f-wrapper--3 .f .flower__leaf--8{background-image:var(--color-flower-leaf-8);width:10vmin;height:9vmin;left:-10%!important}.flower__line{background-image:var(--color-flower-line);border-radius:4vmin;width:2vmin;height:56vmin}.f{width:2vmin;height:2vmin;position:absolute;top:1vmin;left:50%;transform:translate(-50%)rotate(-10deg)}.flower__leaf{background-image:var(--color-flower-leaf);clip-path:ellipse(50% 50%);transform-origin:bottom;width:5vmin;height:14vmin;animation:2s 1s backwards open-flower;position:absolute;bottom:2vmin;left:50%;transform:translate(-50%)}.flower__leaf--1{background-color:var(--color-flower-leaf-3-bg);background-image:none;border-radius:50%/80% 80% 20% 20%;width:10vmin;height:12vmin;animation:1.4s 1s backwards open-flowe--middle;bottom:3vmin}.flower__leaf--2{transform:translate(-50%)rotate(-30deg)}.flower__leaf--3{transform:translate(-50%)rotate(-50deg)}.flower__leaf--4{transform:translate(-50%)rotate(-70deg)}.flower__leaf--5{transform:translate(-50%)rotate(30deg)}.flower__leaf--6{transform:translate(-50%)rotate(50deg)}.flower__leaf--7{transform:translate(-50%)rotate(70deg)}.flower__leaf--8{border-radius:none;clip-path:none;background-image:var(--color-flower-petal-8);border-radius:10vmin 2vmin;width:13vmin;height:11vmin;bottom:6vmin;left:-30%;transform:rotate(-55deg)}.flower__fall-down--yellow{animation:8s linear 1.2s forwards flower-fall-down-yellow}.flower__fall-down--pink{animation:5s linear 1.2s forwards flower-fall-down-pink}.flower__fall-down--purple{animation:6s linear 1.2s forwards flower-fall-down-purple,6s linear 7.2s infinite flower-falling;bottom:4vmin}@keyframes open-flower{0%{transform:translate(-50%)rotate(0)}}@keyframes open-flowe--middle{0%{opacity:0;transform:translate(-50%)scale(0)}}@keyframes flower-fall-down-pink{0%{transform:rotate(-55deg)}50%{transform:rotateX(-120deg)}to{transform:translate(4vmin,-40vmin)}}@keyframes flower-fall-down-yellow{0%{transform:rotate(-55deg)}50%{bottom:3vmin;transform:rotateX(-100deg)}to{transform:translate(-95vmin,-90vmin)rotate(150deg)}}@keyframes flower-fall-down-purple{0%{transform:rotate(-50deg)}25%{perspective:0;bottom:1vmin;transform:rotateX(-100deg)}50%{perspective:0;transform:translate(-30vmin,2vmin)rotate(90deg)}75%{perspective:0;transform:translate(-34vmin,-2vmin)}to{transform-origin:50%;transform:translate(-34vmin,-2vmin)rotateY(-80deg)rotateX(35deg)}}@keyframes flower-falling{0%,to{transform-origin:50%;transform:translate(-34vmin,-2vmin)rotateY(-80deg)rotateX(35deg)}25%{transform-origin:50%;transform:translate(-34.4vmin,-2vmin)rotateY(-84deg)rotateX(35deg)}50%{transform-origin:50%;transform:translate(-32vmin,-4.2vmin)rotateY(-80deg)rotateX(35deg)}75%{transform-origin:50%;transform:translate(-36vmin,1.1vmin)rotateY(-80deg)rotateX(35deg)}}