.voice-orbit-wrap{position:relative;display:flex;align-items:center;justify-content:center}.voice-orbit-loader{--color-one: #e8ff4d;--color-two: #5a8f00;--color-three: #c8ff0080;--color-four: #5a8f0080;--color-five: #c8ff0040;--time-animation: 2s;--size: 1;position:relative;width:100px;height:100px;border-radius:50%;transform:scale(var(--size));transition:transform .14s ease-out;box-shadow:0 0 25px 0 var(--color-three),0 20px 50px 0 var(--color-four);animation:voice-orbit-colorize calc(var(--time-animation) * 3) ease-in-out infinite;animation-play-state:var(--orbit-play-state, running)}.voice-orbit-loader:before{content:"";position:absolute;top:0;left:0;width:100px;height:100px;border-radius:50%;border-top:solid 1px var(--color-one);border-bottom:solid 1px var(--color-two);background:linear-gradient(180deg,var(--color-five),var(--color-four));box-shadow:inset 0 10px 10px 0 var(--color-three),inset 0 -10px 10px 0 var(--color-four)}.voice-orbit-loader svg{position:absolute;top:0;left:0;width:100px;height:100px;pointer-events:none}.voice-orbit-slot{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;pointer-events:none}.voice-orbit-slot>*{pointer-events:auto}@keyframes voice-orbit-colorize{0%{filter:hue-rotate(0deg)}20%{filter:hue-rotate(-12deg)}40%{filter:hue-rotate(-22deg)}60%{filter:hue-rotate(-32deg)}80%{filter:hue-rotate(-16deg)}to{filter:hue-rotate(0deg)}}@media(prefers-reduced-motion:reduce){.voice-orbit-loader{animation:none!important}}