.lifecycle-stage-bar{--studio-material-radius:var(--radius-4xl);--studio-material:#10121852;color:#fff;corner-shape:squircle;margin-top:9px;padding:16px 24px;position:relative;container-type:inline-size}.lifecycle-stage-steps{grid-template-columns:repeat(var(--stage-count,8), minmax(0, 1fr));gap:12px 4px;margin:0;padding:0;list-style:none;display:grid}.lifecycle-stage-steps li{color:#ffffff80;flex-direction:column;gap:7px;min-width:0;font-size:11px;line-height:1.25;display:flex}.lifecycle-stage-steps li[data-state=past]{color:#ffffffb8}.lifecycle-stage-steps li[data-state=current]{color:#fff;font-weight:600}.lifecycle-stage-steps span{word-break:keep-all;text-wrap:balance}.lifecycle-stage-steps i{background:#ffffff3d;border-radius:2px;height:4px;position:relative;overflow:hidden}.lifecycle-stage-steps li[data-state=past] i{background:#fff}.lifecycle-stage-steps li[data-state=current] i{background:#fff6}.lifecycle-stage-steps li[data-state=current] i:after{width:calc(var(--stage-progress,0) * 100%);content:"";background:#fff;position:absolute;inset:0 auto 0 0}@container (max-width:384px){.lifecycle-stage-steps{grid-template-columns:repeat(4,minmax(0,1fr))}}@container (max-width:520px){.lifecycle-stage-bar:lang(en) .lifecycle-stage-steps{grid-template-columns:repeat(4,minmax(0,1fr))}}