.hero-ring{aspect-ratio:1;display:grid;place-items:center;position:relative;width:100%}.hero-ring-orbit{border:1px solid var(--line);border-radius:50%;height:97%;opacity:.45;position:absolute;width:97%}.hero-ring-orbit:after,.hero-ring-orbit:before{background:var(--muted);content:"";height:7px;left:50%;opacity:.7;position:absolute;top:-4px;width:1px}.hero-ring-orbit:after{bottom:-4px;top:auto}.hero-ring-axis{inset:0;opacity:.4;position:absolute}.hero-ring-axis:after,.hero-ring-axis:before{background:var(--muted);content:"";height:1px;position:absolute;top:50%;width:9px}.hero-ring-axis:before{left:.5%}.hero-ring-axis:after{right:.5%}.hero-ring-path{color:var(--ink);height:88%;overflow:visible;width:88%}