#bubbleTransition{position:fixed;inset:0;z-index:6800;pointer-events:none;overflow:hidden;visibility:hidden;contain:paint}#bubbleTransition.active{visibility:visible}#bubbleTransition::before{content:"";position:absolute;inset:0;background:#0a536b;opacity:0}#bubbleTransition.active::before{animation:bubbleVeil var(--bubble-duration,1200ms) linear both}#bubbleTransition i{position:absolute;left:var(--bubble-x);bottom:-18vmax;width:var(--bubble-size);height:var(--bubble-size);border-radius:50%;background:#16788a99;border:1px solid #83d9db;opacity:0}#bubbleTransition.active i{animation:bubbleCover var(--bubble-duration,1200ms) cubic-bezier(.3,.1,.4,1) var(--bubble-delay) both}@keyframes bubbleCover{0%{transform:translateY(0) scale(.55);opacity:0}12%{opacity:1}88%{opacity:1}100%{transform:translateY(calc(-120vh - 42vmax)) scale(1.65);opacity:0}}@keyframes bubbleVeil{0%,20%{opacity:0}42%,77%{opacity:1}100%{opacity:0}}@media(prefers-reduced-motion:reduce){#bubbleTransition{display:none}}
