.text-ring{--inner-angle:calc((360/var(--total))*1deg);transform-style:preserve-3d;box-sizing:border-box;margin:0;padding:0;position:absolute}.text-ring .character{transform:translate(-50%,-50%)rotate(calc(var(--inner-angle)*var(--index)))translateY(calc(var(--radius)*-1px));margin:0;padding:0;font-family:monospace;font-size:1rem;font-weight:700;line-height:1;position:absolute;top:50%;left:50%}@supports not (top:calc(sin(1) * 1px)){.text-ring .character{transform:translate(-50%,-50%)rotate(calc((360deg/var(--total))*var(--index)))translateY(calc(var(--radius)*-1px))}}