@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}.livvy-orb{border-radius:50%;grid-template-areas:"stack";display:grid;position:relative;overflow:hidden;transform:scale(1.1)}.livvy-orb:before,.livvy-orb:after{content:"";border-radius:50%;grid-area:stack;width:100%;height:100%;display:block;transform:translateZ(0)}.livvy-orb:before{background:conic-gradient(from calc(var(--angle) * 2) at 25% 70%, var(--c3), transparent 20% 80%, var(--c3)), conic-gradient(from calc(var(--angle) * 2) at 45% 75%, var(--c2), transparent 30% 60%, var(--c2)), conic-gradient(from calc(var(--angle) * -3) at 80% 20%, var(--c1), transparent 40% 60%, var(--c1)), conic-gradient(from calc(var(--angle) * 2) at 15% 5%, var(--c2), transparent 10% 90%, var(--c2)), conic-gradient(from calc(var(--angle) * 1) at 20% 80%, var(--c1), transparent 10% 90%, var(--c1)), conic-gradient(from calc(var(--angle) * -2) at 85% 10%, var(--c3), transparent 20% 80%, var(--c3));box-shadow:inset var(--background) 0 0 var(--shadow-spread) calc(var(--shadow-spread) * .2);filter:blur(var(--blur-amount)) contrast(var(--contrast-amount));animation:livvy-orb-rotate var(--animation-duration) linear infinite}.livvy-orb:after{background-image:radial-gradient(circle at center, var(--background) var(--dot-size), transparent var(--dot-size));background-size:calc(var(--dot-size) * 2) calc(var(--dot-size) * 2);-webkit-backdrop-filter:blur(calc(var(--blur-amount) * 2)) contrast(calc(var(--contrast-amount) * 2));backdrop-filter:blur(calc(var(--blur-amount) * 2)) contrast(calc(var(--contrast-amount) * 2));mix-blend-mode:overlay}.livvy-orb[style*="--mask-radius: 0%"]:after{-webkit-mask-image:none;mask-image:none}.livvy-orb:not([style*="--mask-radius: 0%"]):after{-webkit-mask-image:radial-gradient(black var(--mask-radius), transparent 75%);mask-image:radial-gradient(black var(--mask-radius), transparent 75%)}@keyframes livvy-orb-rotate{to{--angle:360deg}}@media (prefers-reduced-motion:reduce){.livvy-orb:before{animation:none}}