.ys-loader{align-items:center;background:#000;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:100000!important}.light-mode .ys-loader{background:#fff!important}.dark-mode .ys-loader{background:#000!important}.rainbow-loader-border{animation:rotate 1.5s linear infinite;border-radius:100%;height:100px;margin:20px;position:relative;width:100px}.ys-border,.ys-glow{height:100%;position:absolute;width:100%;z-index:0}.ys-border:before,.ys-glow:before{background-image:conic-gradient(from 0deg at 50% 50%,transparent 60deg,purple 110deg,blue 160deg,green 210deg,#ff0 260deg,orange 310deg,red 1turn);border-radius:100%;content:"";display:block;inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;position:absolute;z-index:1}.ys-border:before{padding:5px}.ys-glow{animation:pulse 1.5s linear infinite}.ys-glow:before{height:100%;left:0;padding:10px;top:0;width:100%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%{filter:blur(5px);opacity:.4}50%{filter:blur(20px);opacity:1}to{filter:blur(5px);opacity:.4}}#svg circle{stroke-dashoffset:0;stroke:#666;stroke-width:1em;transition:stroke-dashoffset 1s linear}#svg #bar{stroke:#ff9f1e}#cont{background:#000!important;box-shadow:0 0 1em #000;color:#fff!important;height:200px;margin:2em auto;position:relative;text-align:center;width:200px}#cont,#cont:after{border-radius:100%;display:block}#cont:after{box-shadow:inset 0 0 1em #000;content:attr(data-pct) "%";font-size:2em;height:160px;left:50%;line-height:160px;margin-left:-80px;margin-top:-80px;position:absolute;text-shadow:0 0 .5em #000;top:50%;width:160px}