.steps{counter-reset:step;grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden}.steps .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid}.steps .step:before{width:100%;height:.5rem;transform:translate(var(--translate-x),var(--translate-y))rotate(var(--rotate))skewX(var(--skew-x))skewY(var(--skew-y))scaleX(var(--scale-x))scaleY(var(--scale-y));--bg-opacity:1;--text-opacity:1;color:hsl(var(--bc)/var(--text-opacity));content:"";background-color:#000;grid-row-start:1;grid-column-start:1;margin-left:-100%;top:0}.steps .step:after{content:counter(step);counter-increment:step;z-index:1;--bg-opacity:1;--text-opacity:1;color:#fff;background-color:#000;border-radius:9999px;grid-row-start:1;grid-column-start:1;place-self:center;place-items:center;width:2rem;height:2rem;display:grid;position:relative}.steps .step:first-child:before{content:none}.steps .step[data-content]:after{content:attr(data-content)}.steps .step-neutral+.step-neutral:before,.steps .step-neutral:after{--bg-opacity:1;background-color:hsl(var(--n)/var(--bg-opacity));--text-opacity:1;color:hsl(var(--nc)/var(--text-opacity))}.steps .step-primary+.step-primary:before,.steps .step-primary:after{--bg-opacity:1;background-color:hsl(var(--p)/var(--bg-opacity));--text-opacity:1;color:hsl(var(--pc)/var(--text-opacity))}.steps .step-secondary+.step-secondary:before,.steps .step-secondary:after{--bg-opacity:1;background-color:hsl(var(--s)/var(--bg-opacity));--text-opacity:1;color:hsl(var(--sc)/var(--text-opacity))}.steps .step-accent+.step-accent:before,.steps .step-accent:after{--bg-opacity:1;background-color:hsl(var(--a)/var(--bg-opacity));--text-opacity:1;color:hsl(var(--ac)/var(--text-opacity))}.steps .step-info+.step-info:before{--bg-opacity:1;background-color:hsl(var(--in)/var(--bg-opacity))}.steps .step-info:after{--bg-opacity:1;background-color:hsl(var(--in)/var(--bg-opacity));--text-opacity:1;color:hsl(var(--inc)/var(--text-opacity))}.steps .step-success+.step-success:before{--bg-opacity:1;background-color:hsl(var(--su)/var(--bg-opacity))}.steps .step-success:after{--bg-opacity:1;background-color:hsl(var(--su)/var(--bg-opacity));--text-opacity:1;color:hsl(var(--suc)/var(--text-opacity))}.steps .step-warning+.step-warning:before{--bg-opacity:1;background-color:#f9ab17}.steps .step-warning:after{--bg-opacity:1;--text-opacity:1;color:hsl(var(--wac)/var(--text-opacity));background-color:#f9ab17}.steps .step-error+.step-error:before{--bg-opacity:1;background-color:hsl(var(--er)/var(--bg-opacity))}.steps .step-error:after{--bg-opacity:1;background-color:hsl(var(--er)/var(--bg-opacity));--text-opacity:1;color:hsl(var(--erc)/var(--text-opacity))}.radial-progress{height:var(--size);width:var(--size);vertical-align:middle;box-sizing:content-box;--value:0;--size:5rem ;--thickness:calc(var(--size)/10);background-color:#0000;border-radius:9999px;place-content:center;display:inline-grid;position:relative}.radial-progress::-moz-progress-bar{appearance:none;background-color:#0000}.radial-progress::-webkit-progress-value{appearance:none;background-color:#0000}.radial-progress::-webkit-progress-bar{appearance:none;background-color:#0000}.radial-progress:before,.radial-progress:after{content:"";border-radius:9999px;position:absolute}.radial-progress:before{background:radial-gradient(farthest-side,currentColor 98%,#0000)top/var(--thickness)var(--thickness)no-repeat,conic-gradient(currentColor calc(var(--value)*1%),#0000 0);-webkit-mask:radial-gradient(farthest-side,#0000 calc(99% - var(--thickness)),#000 calc(100% - var(--thickness)));-webkit-mask:radial-gradient(farthest-side,#0000 calc(99% - var(--thickness)),#000 calc(100% - var(--thickness)));mask:radial-gradient(farthest-side,#0000 calc(99% - var(--thickness)),#000 calc(100% - var(--thickness)));inset:0}.radial-progress:after{inset:calc(50% - var(--thickness)/2);transform:rotate(calc(var(--value)*3.6deg - 90deg))translate(calc(var(--size)/2 - 50%));background-color:currentColor}.radial-progress.no-cap:after{display:none}