@property --angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.livvy-orb{display:grid;grid-template-areas:"stack";overflow:hidden;border-radius:50%;position:relative;transform:scale(1.1)}.livvy-orb:before,.livvy-orb:after{content:"";display:block;grid-area:stack;width:100%;height:100%;border-radius:50%;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}}