.super-ring{pointer-events:none;will-change:transform;aspect-ratio:1;background:0 0;border-style:solid;border-width:clamp(1px,.4vw,4px);border-radius:50%;flex-shrink:0;width:clamp(120px,20vw,400px);transition:opacity .3s;position:absolute}.super-ring--primary{border-color:var(--primary-color)}.super-ring--secondary{border-color:var(--secondary-color)}.super-ring--accent{border-color:var(--accent-color-dark)}.super-ring{mix-blend-mode:normal}@media (max-width:480px){.super-ring{aspect-ratio:1;opacity:.5;border-width:1px;width:clamp(80px,30vw,180px)}}@media (min-width:481px) and (max-width:768px){.super-ring{aspect-ratio:1;opacity:.7;border-width:2px;width:clamp(100px,25vw,250px)}}@media (min-width:769px) and (max-width:1024px){.super-ring{aspect-ratio:1;width:clamp(120px,22vw,320px)}}@media (min-width:1440px){.super-ring{aspect-ratio:1;border-width:3px;width:clamp(200px,18vw,500px)}}@media (prefers-reduced-motion:reduce){.super-ring{transition:none}}