@reference "~/assets/styles/main.css";.gradient-container{--orange:var(--color-orange);--pink:var(--color-pink);--violett:var(--color-violett);--turquoise:var(--color-turquoise);--white:var(--color-white);--black:var(--color-black);--circle-size:600px;--blur:60px;background-color:var(--background)}@media (min-width:theme(--breakpoint-lg)){.gradient-container{--circle-size:800px;--blur:100px}}.gradient-container .gradient-wrapper{filter:url(#goo) blur(var(--blur))}.gradient-container .circle{background:radial-gradient(circle at center,var(--color) 0,transparent 50%) no-repeat;height:var(--size);left:calc(50% - var(--size)/2);opacity:1;top:calc(50% - var(--size)/2);width:var(--size)}.gradient-container .circle-1{--size:calc(var(--circle-size));animation:animation-1 5s ease infinite;animation-delay:5s;animation-fill-mode:both;transform-origin:0 0}.gradient-container .circle-2{--size:calc(var(--circle-size)*1.5);animation:animation-1 infinite linear 10 reverse;animation-delay:5s;animation-fill-mode:both;transform-origin:calc(var(--size)/3) 0}.gradient-container .circle-3{--size:calc(var(--circle-size)/3);animation:animation-1 15s linear infinite;animation-delay:5s;animation-fill-mode:both;transform-origin:var(--size) var(--size)}.gradient-container .circle-4{--size:calc(var(--circle-size)/4);transform-origin:var(--size) var(--size)}@keyframes animation-1{0%{transform:rotate(0) scaleX(1.5)}50%{transform:rotate(30deg) scaleX(1.2)}to{transform:rotate(0) scaleX(1.5)}}