.anillo-avance{--anillo-color:var(--error);background:conic-gradient(var(--anillo-color) var(--avance), var(--border) 0);width:64px;height:64px;color:var(--text);font-weight:var(--weight-bold);border-radius:50%;flex:none;place-items:center;display:inline-grid}.anillo-avance>span{background:var(--surface);border-radius:50%;place-items:center;width:52px;height:52px;display:grid}.anillo-avance--success{--anillo-color:var(--success)}.anillo-avance--warning{--anillo-color:var(--warning)}