.steps{display:inline-grid;grid-auto-flow:column;overflow:hidden;overflow-x:auto;counter-reset:step;grid-auto-columns:1fr}.steps .step{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-template-columns:auto;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-rows:40px 1fr;place-items:center;text-align:center;min-width:4rem}.steps .step:before{top:0;height:.5rem;width:100%;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));color:hsl(var(--bc)/var(--text-opacity));content:"";margin-left:-100%}.steps .step:after,.steps .step:before{grid-column-start:1;grid-row-start:1;--bg-opacity:1;background-color:#000;--text-opacity:1}.steps .step:after{content:counter(step);counter-increment:step;z-index:1;position:relative;display:grid;height:2rem;width:2rem;place-items:center;place-self:center;border-radius:9999px;color:#fff}.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,.steps .step-info:after{--bg-opacity:1;background-color:hsl(var(--in)/var(--bg-opacity))}.steps .step-info:after{--text-opacity:1;color:hsl(var(--inc)/var(--text-opacity))}.steps .step-success+.step-success:before,.steps .step-success:after{--bg-opacity:1;background-color:hsl(var(--su)/var(--bg-opacity))}.steps .step-success:after{--text-opacity:1;color:hsl(var(--suc)/var(--text-opacity))}.steps .step-warning+.step-warning:before,.steps .step-warning:after{--bg-opacity:1;background-color:#f9ab17}.steps .step-warning:after{--text-opacity:1;color:hsl(var(--wac)/var(--text-opacity))}.steps .step-error+.step-error:before,.steps .step-error:after{--bg-opacity:1;background-color:hsl(var(--er)/var(--bg-opacity))}.steps .step-error:after{--text-opacity:1;color:hsl(var(--erc)/var(--text-opacity))}.radial-progress{position:relative;display:inline-grid;height:var(--size);width:var(--size);place-content:center;border-radius:9999px;background-color:transparent;vertical-align:middle;box-sizing:content-box;--value:0;--size:5rem;--thickness:calc(var(--size) / 10)}.radial-progress::-moz-progress-bar{appearance:none;background-color:transparent}.radial-progress::-webkit-progress-bar,.radial-progress::-webkit-progress-value{appearance:none;background-color:transparent}.radial-progress:after,.radial-progress:before{position:absolute;border-radius:9999px;content:""}.radial-progress:before{inset:0;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)));mask:radial-gradient(farthest-side,#0000 calc(99% - var(--thickness)),#000 calc(100% - var(--thickness)))}.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}