.bubbles{position:absolute;width:100%;height:100%;z-index:0;overflow:hidden;top:0;left:0}.bubble{position:absolute;bottom:-150px;width:40px;height:40px;background:linear-gradient(45deg,hsl(var(--primary)),hsl(var(--accent)),#ff8c00);border-radius:50%;opacity:0;animation:rise 10s ease-in infinite;z-index:-1}.bubble:first-child{width:40px;height:40px;left:10%;animation-duration:8s;animation-delay:0s;opacity:.6}.bubble:nth-child(2){width:20px;height:20px;left:20%;animation-duration:6s;animation-delay:1s;opacity:.5}.bubble:nth-child(3){width:50px;height:50px;left:35%;animation-duration:10s;animation-delay:2s;opacity:.7}.bubble:nth-child(4){width:80px;height:80px;left:50%;animation-duration:12s;animation-delay:0s;opacity:.8}.bubble:nth-child(5){width:35px;height:35px;left:55%;animation-duration:7s;animation-delay:1s;opacity:.6}.bubble:nth-child(6){width:45px;height:45px;left:65%;animation-duration:9s;animation-delay:3s;opacity:.5}.bubble:nth-child(7){width:60px;height:60px;left:80%;animation-duration:8s;animation-delay:2s;opacity:.7}.bubble:nth-child(8){width:25px;height:25px;left:90%;animation-duration:6s;animation-delay:4s;opacity:.6}.bubble:nth-child(9){width:15px;height:15px;left:5%;animation-duration:9s;animation-delay:5s;opacity:.5}.bubble:nth-child(10){width:70px;height:70px;left:25%;animation-duration:11s;animation-delay:3s;opacity:.8}@keyframes rise{0%{bottom:-150px;transform:translateX(0) scale(.8);opacity:.1}50%{transform:translateX(var(--translateX)) scale(1.2);opacity:.8}to{bottom:90%;transform:translateX(calc(var(--translateX)/2)) scale(0);opacity:0}}@keyframes bounce-slow{0%,to{transform:translateY(-15%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce-slow{animation:bounce-slow 2s infinite}