.hexagon-background-container.svelte-5tc1z5{position:relative;width:100%;height:100%;overflow:hidden}.gradient-overlay.svelte-5tc1z5{position:absolute;width:100%;height:80px;z-index:5;pointer-events:none}.top-gradient.svelte-5tc1z5{top:0;background:linear-gradient(to bottom,var(--background-color, #f1f1f5) 0%,transparent 100%)}.bottom-gradient.svelte-5tc1z5{bottom:0;background:linear-gradient(to top,var(--background-color, #f1f1f5) 0%,transparent 100%)}.hexagon.svelte-5tc1z5{position:absolute;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);pointer-events:none;transform:rotate(var(--hexagon-rotation, 0deg));transition:opacity .3s ease;z-index:1}.hexagon.bubble.svelte-5tc1z5{animation:svelte-5tc1z5-float-up var(--animation-duration, 4s) var(--animation-delay, 0s) infinite var(--animation-direction, normal) linear;opacity:var(--opacity, .15);will-change:transform,opacity}@keyframes svelte-5tc1z5-float-up{0%{transform:translateY(0) rotate(var(--hexagon-rotation, 0deg));left:var(--x-pos);opacity:var(--opacity, .15)}to{transform:translateY(-200vh) rotate(calc(var(--hexagon-rotation, 0deg) + 15deg));opacity:0;left:calc(var(--x-pos) + var(--x-drift, 50px))}}.content.svelte-5tc1z5{position:relative;z-index:10;height:100%}