.drz-ring{--drz-farbe:120 170 255;--drz-schweif:conic-gradient(rgb(var(--drz-farbe) / 0) 0deg 170deg, rgb(var(--drz-farbe) / 1) 335deg, #fff 356deg, rgb(var(--drz-farbe) / 0) 360deg);pointer-events:none;opacity:.85;border-radius:9999px;transition:opacity .6s;animation:6s linear infinite drz-kreisen;position:absolute;inset:-16px}.drz-ring[data-an]{opacity:1}.drz-ring[data-rot]{--drz-farbe:255 59 69}.drz-ring[data-pause]{animation-play-state:paused}.drz-ring:before,.drz-ring:after{content:"";border-radius:inherit;background:var(--drz-schweif);position:absolute;inset:0}.drz-ring:before{background:var(--drz-schweif), #ffffff3d;-webkit-mask:radial-gradient(closest-side,#0000 calc(100% - 18px),#000 calc(100% - 17.5px) calc(100% - 14.5px),#0000 calc(100% - 14px));mask:radial-gradient(closest-side,#0000 calc(100% - 18px),#000 calc(100% - 17.5px) calc(100% - 14.5px),#0000 calc(100% - 14px))}.drz-ring:after{opacity:.8;-webkit-mask:radial-gradient(closest-side,#0000 calc(100% - 30px),#000 calc(100% - 16px),#0000 100%);mask:radial-gradient(closest-side,#0000 calc(100% - 30px),#000 calc(100% - 16px),#0000 100%)}@keyframes drz-kreisen{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.drz-ring{animation:none}}