.ambient-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.ambient-background:after,.ambient-background:before{content:"";position:absolute;border-radius:50%;opacity:.15;filter:blur(60px)}.ambient-background:before{background-color:rgb(var(--ambient-color-1));width:50vw;height:50vw;top:10%;left:5%;animation:floatBubble1 60s ease-in-out infinite}.ambient-background:after{background-color:rgb(var(--ambient-color-2));width:45vw;height:45vw;top:50%;right:0;animation:floatBubble2 70s ease-in-out infinite}.ambient-background-bubble{position:absolute;width:100%;height:100%;top:0;left:0}.ambient-background-bubble:before{content:"";position:absolute;background-color:rgb(var(--ambient-color-3));width:55vw;height:55vw;bottom:5%;left:25%;border-radius:50%;opacity:.25;filter:blur(60px);animation:floatBubble3 80s ease-in-out infinite}@keyframes floatBubble1{0%{transform:translate(0) scale(1)}25%{transform:translate(8vw,10vh) scale(1.05)}50%{transform:translate(15vw,5vh) scale(1.1)}75%{transform:translate(7vw,-8vh) scale(1.05)}to{transform:translate(0) scale(1)}}@keyframes floatBubble2{0%{transform:translate(0) scale(1)}25%{transform:translate(-10vw,8vh) scale(1.1)}50%{transform:translate(-15vw,-5vh) scale(1.15)}75%{transform:translate(-5vw,-12vh) scale(1.1)}to{transform:translate(0) scale(1)}}@keyframes floatBubble3{0%{transform:translate(0) scale(1) rotate(0deg)}25%{transform:translate(12vw,-5vh) scale(1.05) rotate(5deg)}50%{transform:translate(10vw,-15vh) scale(1.1) rotate(10deg)}75%{transform:translate(-5vw,-10vh) scale(1.05) rotate(5deg)}to{transform:translate(0) scale(1) rotate(0deg)}}@media (min-width:768px){.ambient-background:before{width:30vw;height:30vw;top:20%;left:15%}.ambient-background:after{width:25vw;height:25vw;top:60%;right:10%}.ambient-background-bubble:before{width:35vw;height:35vw;bottom:10%;left:40%}}.dark,:root{--ambient-color-1:25,73,161;--ambient-color-2:234,131,2;--ambient-color-3:178,47,28;--ambient-color-4:245,66,29}.ambient-background.scrolled:before{filter:blur(calc(60px + var(--scroll-position) * .02px))}.ambient-background.scrolled:after{filter:blur(calc(60px - var(--scroll-position) * .01px))}.ambient-background.scrolled .ambient-background-bubble:before{filter:blur(calc(60px + var(--scroll-position) * .03px))}.ambient-background.scrolled .ambient-background-bubble:after{opacity:calc(min(.2, var(--scroll-position) * .0005));transform:scale(calc(.5 + min(.3, var(--scroll-position) * .0004)))}