.sx-4{--sl:.17;--s0:clamp(0, (var(--p,1) - .04) / var(--sl), 1);--s1:clamp(0, (var(--p,1) - .29) / var(--sl), 1);--s2:clamp(0, (var(--p,1) - .54) / var(--sl), 1);--s3:clamp(0, (var(--p,1) - .79) / var(--sl), 1)}.sx-3{--sl:.22;--s0:clamp(0, (var(--p,1) - .05) / var(--sl), 1);--s1:clamp(0, (var(--p,1) - .38) / var(--sl), 1);--s2:clamp(0, (var(--p,1) - .71) / var(--sl), 1);--s3:1}.sx-in-1,.sx-in-2,.sx-in-3,.sx-until-1,.sx-until-2,.sx-until-3{transition:opacity .45s,transform .55s cubic-bezier(.2,.7,.2,1)}.sx-in-1,.sx-in-2,.sx-in-3{opacity:0;transform:translateY(10px)scale(.96)}[data-step=s1] .sx-in-1,[data-step=s2] .sx-in-1,[data-step=s3] .sx-in-1,[data-step=s2] .sx-in-2,[data-step=s3] .sx-in-2,[data-step=s3] .sx-in-3{opacity:1;transform:none}[data-step=s1] .sx-until-1,[data-step=s2] .sx-until-1,[data-step=s3] .sx-until-1,[data-step=s2] .sx-until-2,[data-step=s3] .sx-until-2,[data-step=s3] .sx-until-3{opacity:0;transform:translateY(-8px)scale(.96)}.sx-step{opacity:.42;transition:opacity .4s}.sx-step .sx-tick{opacity:0;transition:opacity .3s,transform .3s;transform:scale(.6)}.sx-step .sx-num{transition:opacity .3s}.sx-step .sx-bar{transform-origin:0;transition:transform .5s cubic-bezier(.2,.7,.2,1);transform:scaleX(0)}[data-step=s0] .sx-step[data-i="0"],[data-step=s1] .sx-step[data-i="1"],[data-step=s2] .sx-step[data-i="2"],[data-step=s3] .sx-step[data-i="3"]{opacity:1}[data-step=s0] .sx-step[data-i="0"] .sx-bar,[data-step=s1] .sx-step[data-i="1"] .sx-bar,[data-step=s2] .sx-step[data-i="2"] .sx-bar,[data-step=s3] .sx-step[data-i="3"] .sx-bar{transform:none}[data-step=s1] .sx-step[data-i="0"],[data-step=s2] .sx-step:is([data-i="0"],[data-i="1"]),[data-step=s3] .sx-step:is([data-i="0"],[data-i="1"],[data-i="2"]){opacity:.78}[data-step=s1] .sx-step[data-i="0"] .sx-tick,[data-step=s2] .sx-step:is([data-i="0"],[data-i="1"]) .sx-tick,[data-step=s3] .sx-step:is([data-i="0"],[data-i="1"],[data-i="2"]) .sx-tick,[data-still=true] .sx-step .sx-tick{opacity:1;transform:none}[data-step=s1] .sx-step[data-i="0"] .sx-num,[data-step=s2] .sx-step:is([data-i="0"],[data-i="1"]) .sx-num,[data-step=s3] .sx-step:is([data-i="0"],[data-i="1"],[data-i="2"]) .sx-num,[data-still=true] .sx-step .sx-num{opacity:0}[data-still=true] .sx-step{opacity:1}[data-still=true] .sx-step .sx-bar{transform:none}@media (max-width:1023.98px){.sx-steps{display:grid}.sx-steps>.sx-step{grid-area:1/1;opacity:0!important}[data-step=s0] .sx-steps>.sx-step[data-i="0"],[data-step=s1] .sx-steps>.sx-step[data-i="1"],[data-step=s2] .sx-steps>.sx-step[data-i="2"],[data-step=s3] .sx-steps>.sx-step[data-i="3"],[data-still=true] .sx-steps>.sx-step{opacity:1!important}[data-still=true] .sx-steps{gap:.75rem}[data-still=true] .sx-steps>.sx-step{grid-area:auto}[data-still=true] .sx-dots{display:none}}.sx-dot{transition:background-color .3s,transform .3s}[data-step=s0] .sx-dot[data-i="0"],[data-step=s1] .sx-dot:is([data-i="0"],[data-i="1"]),[data-step=s2] .sx-dot:is([data-i="0"],[data-i="1"],[data-i="2"]),[data-step=s3] .sx-dot{background-color:currentColor}.sx-pulse{animation:2.6s ease-out infinite sx-pulse}@keyframes sx-pulse{0%{opacity:.55;transform:scale(.85)}to{opacity:0;transform:scale(1.35)}}@media (prefers-reduced-motion:reduce){.sx-in-1,.sx-in-2,.sx-in-3,.sx-until-1,.sx-until-2,.sx-until-3,.sx-step,.sx-step *,.sx-dot{transition:none!important}.sx-pulse{opacity:0;animation:none}}