@layer base{.radial-progress{--value:0;--size:5rem;--thickness:.5rem;width:var(--size);height:var(--size);color:var(--color-base-content);background-color:#0000;background-image:conic-gradient(var(--radial-accent,var(--color-primary)) calc(var(--value) * 1%),var(--color-base-300) 0);border-radius:9999px;place-items:center;font-size:1rem;font-weight:600;display:inline-grid;position:relative}.radial-progress:before{content:"";inset:var(--thickness);background-color:var(--color-base-100);border-radius:9999px;position:absolute}.radial-progress>*{z-index:1;position:relative}}