.sd-pst{--bg:#1c1c1c;--fg:#f6f6f6;--mute:#8e8e8e;--line:#ffffff1a;--soft:#ffffff12;--strong:#fafafa;--on:#111;color:var(--fg);-webkit-tap-highlight-color:transparent;font-size:14px;line-height:1.4}.sd-pst[data-fill=light]{--bg:#fff;--fg:#121212;--mute:#6f6f6f;--line:#00000017;--soft:#0000000d;--strong:#111;--on:#fff}.sd-pst :where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.sd-pst :focus-visible{outline:2px solid var(--fg);outline-offset:2px}.sd-pst .sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sd-pst{gap:22px;width:min(100%,330px);display:grid}.sd-pst__list.sd-pst{gap:0;display:flex}.sd-pst__list{margin:0;padding:0;list-style:none;display:flex}.sd-pst__item{flex:1;justify-items:center;gap:8px;display:grid;position:relative}.sd-pst__item+.sd-pst__item:before,.sd-pst__item+.sd-pst__item:after{content:"";background:var(--soft);border-radius:2px;height:2px;position:absolute;top:15px;left:calc(20px - 50%);right:calc(50% + 20px)}.sd-pst__item+.sd-pst__item:after{background:var(--fg);transform-origin:0;transition:transform .36s cubic-bezier(.4,0,.2,1);transform:scaleX(0)}.sd-pst__item[data-state=done]:after,.sd-pst__item[data-state=active]:after{transform:scaleX(1)!important}.sd-pst__dot{z-index:1;width:32px;height:32px;color:var(--mute);box-shadow:inset 0 0 0 1.5px var(--line);border-radius:99px;place-items:center;font:600 13px/1 ui-sans-serif,system-ui;transition:background-color .25s .2s,color .25s .2s,box-shadow .25s .2s;display:grid;position:relative;background:var(--bg)!important}.sd-pst__item[data-state=active] .sd-pst__dot{color:var(--fg);box-shadow:inset 0 0 0 1.5px var(--fg)}.sd-pst__item[data-state=done] .sd-pst__dot{color:var(--on);box-shadow:none;background:var(--strong)!important}.sd-pst__dot svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px;animation:.36s cubic-bezier(.3,1.7,.4,1) .2s both sd-pst-pop}@keyframes sd-pst-pop{0%{transform:scale(0)}}.sd-pst__lab{color:var(--mute);text-align:center;font-size:11.5px}.sd-pst__item[data-state=active] .sd-pst__lab{color:var(--fg);font-weight:600}.sd-pst__nav{justify-content:space-between;display:flex}.sd-pst__btn{height:36px;box-shadow:inset 0 0 0 1px var(--line);border-radius:10px;padding:0 16px;font-size:13.5px;font-weight:500}.sd-pst__btn--next{box-shadow:none;background:var(--strong)!important;color:var(--on)!important}.sd-pst__btn:disabled{opacity:.35;cursor:default}@media (prefers-reduced-motion:reduce){.sd-pst *,.sd-pst :before,.sd-pst :after{transition:none!important;animation:none!important}}
