@keyframes float{0%{transform:translateY(0)translate(0)}50%{transform:translateY(var(--move-y)) translateX(var(--move-x))}to{transform:translateY(0)translate(0)}}.bubble-animation.floating{animation:float var(--float-duration,3s) ease-in-out infinite;animation-delay:var(--float-delay,0s)}.bubble-animation.paused-floating{animation-play-state:paused}.bubble-animation .box-shadow-inner-white:after{content:"";pointer-events:none;border-radius:9999px;position:absolute;inset:0;box-shadow:inset 0 0 24px 2px #fff}
@layer components{.holographic-gradient{background-color:#fff;position:relative;overflow:hidden}.holographic-gradient:before,.holographic-gradient:after,.holographic-gradient .ellipse{content:"";filter:blur(clamp(300px,32vw,600px));pointer-events:none;border-radius:50%;position:absolute}@media screen and (-webkit-min-device-pixel-ratio:0){.holographic-gradient:before,.holographic-gradient:after,.holographic-gradient .ellipse{transform:translate(0,0)}}.holographic-gradient:before{z-index:1;background-color:#f9d69b;width:clamp(350px,44vw,820px);height:clamp(350px,44vw,820px);top:45%;left:-5%}@media (min-width:768px){.holographic-gradient:before{top:50%;left:31%}}.holographic-gradient:after{z-index:2;background-color:#ffd7df;width:clamp(565px,71vw,1324px);height:clamp(565px,71vw,1324px);top:45%;left:30%}@media (min-width:768px){.holographic-gradient:after{top:60%;left:56%}}.holographic-gradient .ellipse{z-index:3;background-color:#ffbd98;width:clamp(700px,88vw,1642px);height:clamp(293px,37vw,686px);top:80%;left:-89%}@media (min-width:768px){.holographic-gradient .ellipse{top:93%;left:-7%}}}