.flating_icon{position:fixed;z-index:999;right:1rem;bottom:30%;background:#230b0c;width:6.6rem;height:12.9rem;border-radius:5rem;display:flex;justify-content:center;align-items:flex-start;cursor:pointer;border:1px solid rgba(224,224,255,.6);overflow:hidden;transition:all .2s ease-in-out 0s}.flating_icon:after{content:"";background:url(/_next/static/media/TreeLeaf.0b0afb35.svg) no-repeat;width:3.6rem;height:4.7rem;position:absolute;bottom:1.2rem;right:auto;background-size:cover;transform:scale(.9);transition:all .2s ease-in-out 0s}.flating_icon:focus:after,.flating_icon:hover:after{transform:scale(1.1)}.flating_icon .progress_points{display:flex;height:100%;justify-content:space-evenly;flex-direction:column;z-index:1;position:relative}.flating_icon .progress_points li{background:rgba(224,224,255,.6);width:97.2%;height:.2rem;opacity:.3;margin:0 auto}.flating_icon h4{color:#d7b557;font-size:1.4rem;text-align:center;padding:1.2rem 0;opacity:0;transform:translateY(-10px);transition:opacity .4s ease,transform .4s ease}.flating_icon .progress_bar{background:#292929;box-shadow:inset 1px 3px 6px 3px rgba(0,0,0,.25);width:2.4rem;height:24.8rem;margin:0 auto;border-radius:2rem;position:relative}.flating_icon .progress_bar .progress_count{position:absolute;bottom:0;left:0;width:100%;opacity:.8;background:linear-gradient(180deg,#ff0000,#ff8c00,#ffff00);box-shadow:inset 0 0 15px hsla(0,0%,100%,.7),inset 0 0 10px hsla(0,0%,100%,.5),0 0 15px rgba(255,255,0,.8),0 0 20px rgba(255,140,0,.6),0 0 30px rgba(255,0,0,.4);border-radius:2rem;transition:height .4s ease}.flating_icon.active{height:38.7rem;width:7.5rem}.flating_icon.active:after{transform:scale(1)}.flating_icon.active h4{opacity:1;transform:translateY(0)}