:where(.layout-one.step-container){display:flex;background-color:#e9eef5;border-radius:inherit;overflow:hidden;height:44px}:where(.layout-one.step-container) .step{flex:1;display:flex;justify-content:center;align-items:center;font-weight:600;font-size:14px;color:#6a7b95;position:relative;padding:10px 0;transition:all .3s ease}:where(.layout-one.step-container) .step:not(:last-child)::after{content:"";position:absolute;right:-10px;top:0;width:20px;height:100%;background-color:inherit;clip-path:polygon(0 0,50% 0,100% 50%,50% 100%,0 100%);z-index:1}:where(.layout-one.step-container) .step.active{background-color:#1c5de3;color:#fff}.stepper{display:flex;justify-content:space-between;align-items:center;width:100%;margin:40px auto;position:relative}.stepper .step{display:flex;flex-direction:column;align-items:center;position:relative;text-align:center;font-weight:700;flex-grow:1;color:#1a1a1a;background-color:transparent!important}.stepper .step:not(:last-child)::after{content:"";position:absolute;top:12px;left:0;width:100%;height:2px;background-color:var(--indicator-color,#4f46e5);transform:translateX(50%)}.stepper .circle{width:24px;height:24px;border:4px solid var(--indicator-color,#4f46e5);border-radius:50%;background-color:#fff;position:relative;z-index:1}.stepper .step.active .circle.outer{width:28px;height:28px;border:2px solid var(--indicator-color,#4f46e5);display:flex;align-items:center;justify-content:center}.stepper .step.active .circle.outer .inner{width:16px;height:16px;border-radius:50%;background-color:var(--indicator-color,#4f46e5)}.circular-progress{width:150px;height:150px;border-radius:50%;background:conic-gradient(var(--indicator-color,#8b5cf6) 0 50%,var(--track-color,#f9f9f9) 50% 100%);display:flex;align-items:center;justify-content:center;position:relative}.circular-progress .value{position:absolute;font-size:1.5rem;font-weight:700;color:var(--label-color,var(--op-clr-primary));background-color:#fff;padding:.5rem;border-radius:50%;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.progress-container{position:relative}.progress-container .tooltip{position:absolute;left:0;top:-30px;background-color:#111;color:var(--label-color,#fff);background-color:var(--indicator-color,#000);padding:2px 8px;border-radius:4px;font-size:14px;transition:left .3s ease;pointer-events:none}.progress-container .tooltip::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--indicator-color,#111) transparent transparent transparent}.progress-container .progress-bar{width:100%;height:24px;background-color:#111;border-radius:12px;overflow:hidden;box-shadow:inset 0 0 4px rgba(0,0,0,.6);position:relative}.progress-container .progress-fill{height:100%;width:0%;background-color:#0f0;border-radius:12px 0 0 12px;background-size:20px 20px;transition:width .3s ease;position:absolute;top:0;left:0;border-radius:inherit}