@keyframes gradient-border{0%{background-position:0% 0}to{background-position:200% 0}}.animated-gradient-border{padding:var(--border-width, 3px)}.animated-gradient-border-inner:before,.animated-gradient-border-inner:after{content:"";position:absolute;inset:calc(-1 * var(--border-width, 3px));border-radius:inherit;corner-shape:inherit;background:linear-gradient(90deg,var(--gradient-from) 0%,var(--gradient-to) 25%,var(--gradient-from) 50%,var(--gradient-to) 75%,var(--gradient-from) 100%);background-size:200% 100%;pointer-events:none}.animated-gradient-border-inner:before{z-index:-10}.animated-gradient-border-inner:after{z-index:-20;opacity:0}.animated-gradient-border[data-glow=true] .animated-gradient-border-inner:after{opacity:.2}.animated-gradient-border[data-animate=always] .animated-gradient-border-inner:before,.animated-gradient-border[data-animate=always] .animated-gradient-border-inner:after{animation:gradient-border 4s linear infinite}.animated-gradient-border[data-animate=never] .animated-gradient-border-inner:before,.animated-gradient-border[data-animate=never] .animated-gradient-border-inner:after{animation:none}.animated-gradient-border[data-animate=hover] .animated-gradient-border-inner:before,.animated-gradient-border[data-animate=hover] .animated-gradient-border-inner:after{animation:gradient-border 8s linear infinite;animation-play-state:paused}.animated-gradient-border[data-animate=hover]:hover .animated-gradient-border-inner:before,.animated-gradient-border[data-animate=hover]:hover .animated-gradient-border-inner:after{animation-play-state:running}@media (prefers-reduced-motion: reduce){.animated-gradient-border .animated-gradient-border-inner:before,.animated-gradient-border .animated-gradient-border-inner:after{animation:none}}@keyframes bubble-rise{0%{bottom:0;transform:translate(0) scale(var(--bubble-scale-start));opacity:0}4%{bottom:calc((100% - var(--bubble-size)) * .008);transform:translate(var(--bubble-sway-1)) scale(var(--bubble-scale-1));opacity:0}18%{bottom:calc((100% - var(--bubble-size)) * .076);transform:translate(var(--bubble-sway-2)) scale(var(--bubble-scale-2));opacity:calc(var(--bubble-max-opacity) * .076)}36%{bottom:calc((100% - var(--bubble-size)) * .216);transform:translate(var(--bubble-sway-3)) scale(var(--bubble-scale-3));opacity:calc(var(--bubble-max-opacity) * .216)}56%{bottom:calc((100% - var(--bubble-size)) * .419);transform:translate(var(--bubble-sway-4)) scale(var(--bubble-scale-4));opacity:calc(var(--bubble-max-opacity) * .419)}76%{bottom:calc((100% - var(--bubble-size)) * .663);transform:translate(var(--bubble-sway-5)) scale(var(--bubble-scale-5));opacity:calc(var(--bubble-max-opacity) * .663)}92%{bottom:calc((100% - var(--bubble-size)) * .882);transform:translate(var(--bubble-sway-top)) scale(var(--bubble-scale-top));opacity:calc(var(--bubble-max-opacity) * .882)}95%{bottom:calc(100% - var(--bubble-size));transform:translate(var(--bubble-sway-pop)) scale(var(--bubble-scale-pop));opacity:var(--bubble-max-opacity)}96%{bottom:calc(100% - var(--bubble-size));opacity:0}97%{bottom:0;transform:translate(0) scale(var(--bubble-scale-start));opacity:0}to{bottom:0;transform:translate(0) scale(var(--bubble-scale-start));opacity:0}}@keyframes bubble-pop{0%{opacity:0;transform:translate3d(calc(-50% + var(--bubble-step-1-x)),calc(-50% + var(--bubble-step-1-y)),0) scale(.35)}4%{opacity:0;transform:translate3d(calc(-50% + var(--bubble-step-1-x)),calc(-50% + var(--bubble-step-1-y)),0) scale(.5)}18%{opacity:calc(var(--bubble-max-opacity) * .076);transform:translate3d(calc(-50% + var(--bubble-step-2-x)),calc(-50% + var(--bubble-step-2-y)),0) scale(.65)}36%{opacity:calc(var(--bubble-max-opacity) * .216);transform:translate3d(calc(-50% + var(--bubble-step-3-x)),calc(-50% + var(--bubble-step-3-y)),0) scale(.8)}56%{opacity:calc(var(--bubble-max-opacity) * .419);transform:translate3d(calc(-50% + var(--bubble-step-4-x)),calc(-50% + var(--bubble-step-4-y)),0) scale(.92)}76%{opacity:calc(var(--bubble-max-opacity) * .663);transform:translate3d(calc(-50% + var(--bubble-step-5-x)),calc(-50% + var(--bubble-step-5-y)),0) scale(.98)}92%{opacity:calc(var(--bubble-max-opacity) * .882);transform:translate3d(calc(-50% + var(--bubble-step-top-x)),calc(-50% + var(--bubble-step-top-y)),0) scale(1)}95%{opacity:var(--bubble-max-opacity);transform:translate3d(calc(-50% + var(--bubble-pop-x)),calc(-50% + var(--bubble-pop-y)),0) scale(1.04)}96%{opacity:0;transform:translate3d(calc(-50% + var(--bubble-pop-x)),calc(-50% + var(--bubble-pop-y)),0) scale(1.08)}to{opacity:0;transform:translate3d(-50%,-50%,0) scale(.35)}}.bubbles{--bubble-duration: 3s;overflow:hidden}.bubbles-bubble{--bubble-start-x: 50%;--bubble-size: 4px;--bubble-delay: 0s;--bubble-duration-offset: 0s;--bubble-max-opacity: .75;--bubble-sway-1: 0;--bubble-sway-2: 0;--bubble-sway-3: 0;--bubble-sway-4: 0;--bubble-sway-5: 0;--bubble-sway-top: 0;--bubble-sway-pop: 0;--bubble-scale-start: .35;--bubble-scale-1: .5;--bubble-scale-2: .65;--bubble-scale-3: .8;--bubble-scale-4: .92;--bubble-scale-5: .98;--bubble-scale-top: 1;--bubble-scale-pop: 1.1;--bubble-pop-x: 0;--bubble-pop-y: 0;--bubble-step-1-x: 0;--bubble-step-1-y: 0;--bubble-step-2-x: 0;--bubble-step-2-y: 0;--bubble-step-3-x: 0;--bubble-step-3-y: 0;--bubble-step-4-x: 0;--bubble-step-4-y: 0;--bubble-step-5-x: 0;--bubble-step-5-y: 0;--bubble-step-top-x: 0;--bubble-step-top-y: 0;--bubble-highlight-color: currentColor;--bubble-x: 50%;--bubble-y: 50%;position:absolute;bottom:0;left:var(--bubble-start-x);width:var(--bubble-size);height:var(--bubble-size);border-radius:9999px;opacity:0;will-change:bottom,opacity,transform;animation-delay:var(--bubble-delay)}.bubbles[data-variant=pop] .bubbles-bubble{top:var(--bubble-y);bottom:auto;left:var(--bubble-x);border:4px solid currentColor;background:currentColor;box-shadow:var(--bubble-highlight-color) calc(var(--bubble-size) * .18) 0 0 inset}.bubbles[data-variant=rise][data-animating=true] .bubbles-bubble[data-visible=true]{animation:bubble-rise calc(var(--bubble-duration) + var(--bubble-duration-offset)) linear infinite;animation-delay:var(--bubble-delay)}.bubbles[data-variant=pop][data-animating=true] .bubbles-bubble[data-visible=true]{animation:bubble-pop calc(var(--bubble-duration) + var(--bubble-duration-offset)) cubic-bezier(.16,1,.3,1) both;animation-delay:var(--bubble-delay)}@media (prefers-reduced-motion: reduce){.bubbles .bubbles-bubble{animation:none}}@keyframes pulse-stroke{0%,to{opacity:1}50%{opacity:.6}}@keyframes gentle-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.9}}@keyframes draw-path{to{stroke-dashoffset:0}}.draw-path-animated{animation:draw-path .4s ease-out forwards;animation-delay:var(--draw-path-delay, 0s)}