svg#apx-svg{pointer-events:none;position:absolute;top:0;left:0;z-index:10}svg#apx-svg path{stroke-dashoffset:100}svg#apx-svg path.animated{animation:flow 3s linear infinite}svg#apx-svg path.reverse{animation-direction:reverse}svg#notification-svg{pointer-events:none;position:absolute;top:0;left:0;z-index:10}svg#notification-svg path{stroke-dashoffset:100}svg#notification-svg path.animated{animation:flow 3s linear infinite}svg#notification-svg path.reverse{animation-direction:reverse}svg path.animated,svg line.animated{stroke-dashoffset:100}svg path.animated.animated,svg line.animated.animated{animation:flow 3s linear infinite}svg path.animated.reverse,svg line.animated.reverse{animation-direction:reverse}@keyframes flow{to{stroke-dashoffset:0}}.server-spinning-green .server-spinning{color:green}.server-spinning-green .server-spinning .circle-progress{stroke:#00800033}.server-spinning-green .server-spinning .circle-bg{stroke:green}.server-spinning-green .server-spinning .outer{width:195px;height:195px;border:2px solid rgba(0,128,0,.1)}.server-spinning{color:#3b82f6;width:250px;height:250px;display:flex;align-items:center;justify-content:center;position:relative}.server-spinning .circle-progress{stroke:#3b82f633}.server-spinning .circle-bg{stroke:#3b82f6}.server-spinning .partial{transform:rotate(45deg);transform-origin:center}.server-spinning .outer{width:195px;height:195px;border:2px solid rgba(59,130,246,.1);position:absolute;border-radius:100%;pointer-events:none;animation:center-scale 1.75s ease-in-out infinite;animation-delay:.6s}.server-spinning.green{color:green}.server-spinning.green .circle-progress{stroke:#00800033}.server-spinning.green .circle-bg{stroke:green}.server-spinning.green .outer{width:195px;height:195px;border:2px solid rgba(0,128,0,.1)}.server-spinning .spin{width:150px;height:150px;position:absolute;border-radius:100%;animation:center-scale 1.75s ease-in-out infinite;animation-delay:.35s}.server-spinning .center{background-color:currentColor;width:100px;height:100px;border-radius:100%;display:flex;align-items:center;justify-content:center;animation:center-scale 1.75s ease-in-out infinite}.server-spinning .center svg{stroke:#fff;fill:#fff}.server-spinning .icon{animation:rotate-icon 1.75s ease-in-out infinite}.server-spinning .spin-circle{transform:rotate(-90deg);animation:progress-circular-rotate 1.15s linear infinite}@keyframes progress-circular-rotate{to{transform:rotate(270deg)}}@keyframes center-scale{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes rotate-icon{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
