:root{--pause-between-cycles: 2.2s;--fade-in-time: .4s;--ring-thickness: 1.6;--glow-intensity: 20;--center-dot-size: 6;--base-opacity: .3;--active-opacity: .8;--trail-delay: 90ms;--stay-lit-duration: 1.95s;--dot-pulse-duration: .6s;--dot-bright-pulse-speed: .4s;--dot-pulse-shadow-color-default: rgba(255, 255, 255, .4);--dot-pulse-glow-color-default: rgba(255, 255, 255, 1);--dot-pulse-shadow-color-signal: rgba(168, 128, 255, .6);--dot-pulse-glow-color-signal: rgba(168, 128, 255, 1);--global-ring-easing: ease}.container{position:relative;width:70px;height:70px;display:flex;justify-content:center;align-items:center}.center-dot{position:absolute;width:calc(var(--center-dot-size) * 1px);height:calc(var(--center-dot-size) * 1px);background-color:#fff;border-radius:50%;z-index:10;transition:background-color .2s ease,opacity .2s ease,box-shadow .2s ease;opacity:var(--base-opacity);box-shadow:0 0 2px #ffffff1a}.center-dot.signal{background-color:#a880ff!important}.center-dot.center-dot-muted-glow-blink{animation:pulseDotMutedGlowBlink var(--dot-pulse-duration) ease-out forwards}.center-dot.muted-on{opacity:.6!important;box-shadow:0 0 calc(var(--glow-intensity) * .5px) #fff6!important;transform:scale(1.1)}.center-dot.on-and-pulsing{opacity:.6;transform:scale(1.1);--current-pulse-shadow-color: var(--dot-pulse-shadow-color-default);--current-pulse-glow-color: var(--dot-pulse-glow-color-default);animation:pulseToBrightness var(--dot-bright-pulse-speed) infinite alternate ease-in-out}.center-dot.signal.on-and-pulsing{--current-pulse-shadow-color: var(--dot-pulse-shadow-color-signal);--current-pulse-glow-color: var(--dot-pulse-glow-color-signal)}@keyframes pulseDotMutedGlowBlink{0%{transform:scale(1);opacity:var(--base-opacity);box-shadow:0 0 2px #ffffff1a}25%{transform:scale(1.1);opacity:calc(var(--base-opacity) + .2);box-shadow:0 0 4px #fff3}75%{transform:scale(1.1);opacity:calc(var(--base-opacity) + .2);box-shadow:0 0 4px #fff3}to{transform:scale(1);opacity:var(--base-opacity);box-shadow:0 0 2px #ffffff1a}}@keyframes pulseToBrightness{0%{opacity:.6;box-shadow:0 0 calc(var(--glow-intensity) * .5px) var(--current-pulse-shadow-color);transform:scale(1.1)}to{opacity:1;box-shadow:0 0 calc(var(--glow-intensity) * 1.8px) var(--current-pulse-glow-color);transform:scale(1.25)}}.ring{position:absolute;border-radius:50%;border:calc(var(--ring-thickness) * 1px) solid white;box-sizing:border-box;transition-property:opacity,box-shadow,border-color,border-width,transform;transition-duration:var(--fade-in-time);transition-timing-function:var(--global-ring-easing);transform:scale(1)}.ring.active{opacity:var(--active-opacity)!important;border-color:#fff;box-shadow:0 0 calc(var(--glow-intensity) * 1px) #ffffff80}.ring.signal{opacity:.9!important;border-color:#a880ff;box-shadow:0 0 calc(var(--glow-intensity) * 1.75px) #a880ffb3}.ring.ring-extra{opacity:0!important}.ring.ring-extra.active{opacity:var(--active-opacity)!important}.ring.ring-extra.signal{opacity:.9!important}