.orb-rings{aspect-ratio:1;isolation:isolate;width:100%;position:relative}.orb-rings:before{content:"";background:radial-gradient(circle at 35% 30%, var(--gray-700), var(--ink) 58%);box-shadow:0 0 0 1px var(--magenta-soft), 0 0 60px #ff02c873;transition:opacity .9s var(--ease);border-radius:50%;position:absolute;inset:27%}.orb-rings:after{content:"";z-index:-1;transition:opacity .9s var(--ease);pointer-events:none;border:1.5px solid #ff6bdb8c;border-radius:50%;position:absolute;inset:39% 17%;transform:rotate(-14deg);box-shadow:0 0 18px #ff02c84d}.orb-rings[data-variant=v2]:before,.orb-rings[data-variant=v3]:before{inset:29%}.orb-rings[data-variant=v2]:after,.orb-rings[data-variant=v3]:after,.orb-rings[data-variant=v4]:after,.orb-rings[data-variant=v5]:after{border:7px solid #ff6bdb59;inset:34.5% 19%;transform:rotate(-20deg)}.orb-rings[data-variant=v4]:before,.orb-rings[data-variant=v5]:before{inset:31%}.orb-rings[data-variant=v5]:after{transform:rotate(-35deg)}.orb-rings[data-variant=v6]:before,.orb-rings[data-variant=v7]:before{box-shadow:0 0 0 1px var(--magenta-soft), 0 0 80px #ff02c88c;inset:26%}.orb-rings[data-variant=v6]:after,.orb-rings[data-variant=v7]:after{border:10px solid #ff6bdb4d;inset:12%;transform:none}.orb-rings[data-tone=light]:before{background:radial-gradient(circle at 35% 30%,#d8bec7,#7a5664 70%);box-shadow:0 0 0 1px #ff6bdb80,0 0 70px #ff8cc873}.orb-rings[data-tone=light]:after{border-color:#ff78be66}.orb-rings.is-ready:before,.orb-rings.is-ready:after{opacity:0}.orb-rings__canvas{width:100%;height:100%;animation:orbRingsFadeIn 1.2s var(--ease) both;display:block;position:absolute;inset:0}@keyframes orbRingsFadeIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.orb-rings__canvas{animation:none}}