@keyframes float{0%,to{transform:translateY(0) translateX(0)}25%{transform:translateY(-20px) translateX(10px)}50%{transform:translateY(-40px) translateX(-10px)}75%{transform:translateY(-20px) translateX(10px)}}@keyframes rise{0%{bottom:-100px;opacity:0}10%{opacity:1}90%{opacity:1}to{bottom:100%;opacity:0}}.bubble{position:absolute;background:hsla(0,0%,100%,.3);border-radius:50%;border:2px solid hsla(0,0%,100%,.4);animation:rise linear infinite}.bubble1{width:40px;height:40px;left:10%;animation-duration:8s;animation-delay:0s}.bubble2{width:60px;height:60px;left:25%;animation-duration:10s;animation-delay:2s}.bubble3{width:30px;height:30px;left:40%;animation-duration:7s;animation-delay:4s}.bubble4{width:50px;height:50px;left:55%;animation-duration:9s;animation-delay:1s}.bubble5{width:35px;height:35px;left:70%;animation-duration:8s;animation-delay:3s}.bubble6{width:45px;height:45px;left:85%;animation-duration:11s;animation-delay:5s}.bubble7{width:55px;height:55px;left:15%;animation-duration:10s;animation-delay:6s}.bubble8{width:40px;height:40px;left:65%;animation-duration:9s;animation-delay:2.5s}.notify{min-width:300px;padding:10px;display:flex;border-radius:8px;box-shadow:0 4px 16px rgba(17,17,26,.1),0 8px 24px rgba(17,17,26,.1),0 16px 56px rgba(17,17,26,.1);border:px solid var(--custom-gray)}.notify-header{width:100%;height:auto;display:flex;flex-direction:column;justify-content:space-between;align-content:center;align-items:left;margin-left:20px}.notify-icon{margin-right:10px;align-content:center}.notify-title{font-weight:500;font-size:14px}.notify-close{width:20px;height:20px;cursor:pointer}.notify-details{padding:15px 5px 15px 0;font-size:16px}.notify-ribbon{width:12px;height:auto;border-top-left-radius:50px;border-bottom-left-radius:50px;position:absolute;left:-2px;top:0;bottom:0}.notify-ribbon:after{height:0;width:0;right:-4.5px;top:0;border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:5px solid}