.orb{position:relative}.orb .blob-container{transform-origin:0 0;--rotation-speed:25s;--morph-speed:5s;--blob-1:var(--orb-pink);--blob-2:var(--orb-violet);--blob-3:var(--orb-cream);--blob-4:var(--orb-white);justify-content:center;align-items:center;width:200%;height:200%;display:flex;position:relative;top:0;left:0;overflow:hidden;transform:scale(.5)}.orb .blobs{width:100%;max-width:100%;height:100%;max-height:100%;position:relative}.orb .blobs svg{z-index:2;height:100%;position:relative}.orb .blob{animation:orb-rotate var(--rotation-speed) infinite alternate ease-in-out;transform-origin:50%;opacity:.7;transition:animation-duration 1.5s,transform .8s}.orb .blob path{animation:orb-blob-anim-1 var(--morph-speed) infinite alternate cubic-bezier(.45, .2, .55, .8);transform-origin:50%;transition:fill .8s,animation-duration 1.5s,filter .8s;transform:scale(.8)}.orb .blob.alt{opacity:.3;animation-direction:alternate-reverse}.orb .blob-1 path{fill:var(--blob-1);filter:blur(1rem)}.orb .blob-2{animation-duration:18s;animation-direction:alternate-reverse}.orb .blob-2 path{fill:var(--blob-2);filter:blur(.75rem);animation-name:orb-blob-anim-2;animation-duration:7s;transform:scale(.78)}.orb .blob-2.alt{animation-direction:alternate}.orb .blob-3{animation-duration:23s}.orb .blob-3 path{fill:var(--blob-3);filter:blur(.5rem);animation-name:orb-blob-anim-3;animation-duration:6s;transform:scale(.76)}.orb .blob-4{opacity:.9;animation-duration:31s;animation-direction:alternate-reverse}.orb .blob-4 path{fill:var(--blob-4);filter:blur(10rem);animation-name:orb-blob-anim-4;animation-duration:10s;transform:scale(.5)}.orb .blob-4.alt{opacity:.8;animation-direction:alternate}@keyframes orb-blob-anim-1{0%{d:path("M 100 600 q 0 -500, 500 -500 t 500 500 t -500 500 T 100 600 z")}30%{d:path("M 100 600 q -50 -400, 500 -500 t 450 550 t -500 500 T 100 600 z")}70%{d:path("M 100 600 q 0 -400, 500 -500 t 400 500 t -500 500 T 100 600 z")}to{d:path("M 150 600 q 0 -600, 500 -500 t 500 550 t -500 500 T 150 600 z")}}@keyframes orb-blob-anim-2{0%{d:path("M 100 600 q 0 -400, 500 -500 t 400 500 t -500 500 T 100 600 z")}40%{d:path("M 150 600 q 0 -600, 500 -500 t 500 550 t -500 500 T 150 600 z")}80%{d:path("M 100 600 q -50 -400, 500 -500 t 450 550 t -500 500 T 100 600 z")}to{d:path("M 100 600 q 100 -600, 500 -500 t 400 500 t -500 500 T 100 600 z")}}@keyframes orb-blob-anim-3{0%{d:path("M 100 600 q -50 -400, 500 -500 t 450 550 t -500 500 T 100 600 z")}35%{d:path("M 150 600 q 0 -600, 500 -500 t 500 550 t -500 500 T 150 600 z")}75%{d:path("M 100 600 q 100 -600, 500 -500 t 400 500 t -500 500 T 100 600 z")}to{d:path("M 100 600 q 0 -400, 500 -500 t 400 500 t -500 500 T 100 600 z")}}@keyframes orb-blob-anim-4{0%{d:path("M 150 600 q 0 -600, 500 -500 t 500 550 t -500 500 T 150 600 z")}30%{d:path("M 100 600 q 100 -600, 500 -500 t 400 500 t -500 500 T 100 600 z")}70%{d:path("M 100 600 q -50 -400, 500 -500 t 450 550 t -500 500 T 100 600 z")}to{d:path("M 150 600 q 0 -600, 500 -500 t 500 550 t -500 500 T 150 600 z")}}@keyframes orb-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.orb .blob,.orb .blob path{animation:none}}