.circular-text{aspect-ratio:1;place-items:center;display:grid;position:relative;overflow:clip}.circular-text__ring{animation:circular-text-spin var(--circular-text-duration,22s) linear infinite;position:absolute;inset:0}.circular-text__ring span{text-align:center;transform-origin:bottom;width:1em;height:50%;position:absolute;top:0;left:calc(50% - .5em)}@keyframes circular-text-spin{to{rotate:360deg}}@media (prefers-reduced-motion:reduce){.circular-text__ring{animation:none}}