.so-sk,.so-stack{--so-pk:#e8167a;--so-ink:#16131b;--so-mut:#7b7385;--so-line:#ece7ee;--so-tint:#f5f3f6;--so-card:#fff}:root[data-theme=dark] .so-stack{--so-ink:#f5f2f7;--so-mut:#978fa2;--so-line:#2a2530;--so-tint:#1b1720;--so-card:#16131a}@keyframes so-fly{0%{opacity:0;transform:translate(calc(var(--fx, 0) * 1px),120px) rotate(0deg) scale(.6)}}@keyframes so-turn{to{transform:rotate(1turn)}}@keyframes so-shine{0%{background-position:120% 0}to{background-position:-20% 0}}@keyframes so-in{0%{opacity:0;transform:translateY(8px)}}.so-stack{position:relative;display:block;width:96px;height:120px}.so-stack img,.so-stack__ph{position:absolute;left:50%;top:0;width:68px;height:120px;margin-left:-34px;object-fit:cover;border-radius:12px;background:#16131b;box-shadow:0 0 0 3px #fff,0 16px 30px -14px rgba(22,19,27,.6);transform:translateX(calc((var(--i) - (var(--n) - 1) / 2) * 26px)) rotate(calc((var(--i) - (var(--n) - 1) / 2) * 9deg));animation:so-fly .6s cubic-bezier(.2,.9,.25,1.15) backwards;animation-delay:calc(var(--i) * 90ms)}.so-stack__ph{--i:0;--n:1;background:linear-gradient(100deg,#2a2530 30%,#3a3342 50%,#2a2530 70%) 0 0 /300% 100%;animation:so-fly .6s cubic-bezier(.2,.9,.25,1.15) backwards,so-shine 1.4s linear infinite}.so-stack--big{width:150px;height:180px}.so-stack--big .so-stack__ph,.so-stack--big img{width:100px;height:178px;margin-left:-50px;border-radius:16px}.so-stack__n{position:absolute;right:-10px;top:-10px;z-index:5;display:grid;place-items:center;min-width:34px;height:34px;padding:0 8px;border-radius:99px;background:var(--so-pk);color:#fff;font-weight:900;font-size:16px;box-shadow:0 0 0 3px #fff;animation:so-in .4s .25s backwards}.so-steps{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin:0;padding:0;list-style:none}.so-step{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:16px;color:var(--so-mut,#7b7385);transition:color .3s}.so-step.is-done,.so-step.is-now{color:var(--so-ink,#16131b)}.so-step.is-next{opacity:.55}.so-step__dot{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:2px solid;color:inherit;transition:background-color .3s,border-color .3s,transform .35s cubic-bezier(.2,.9,.25,1.4)}.so-step.is-done .so-step__dot{background:var(--so-pk,#e8167a);border-color:var(--so-pk,#e8167a);color:#fff;transform:scale(1.08)}.so-step.is-now .so-step__dot{border-color:transparent}.so-spin{width:20px;height:20px;border-radius:50%;border:3px solid rgba(232,22,122,.25);border-top:3px solid var(--so-pk,#e8167a);animation:so-turn .7s linear infinite}.so-bar{position:relative;display:block;width:100%;height:8px;overflow:hidden;border-radius:8px;background:rgba(232,22,122,.14)}.so-bar i{position:absolute;inset:0;transform-origin:0 50%;border-radius:inherit;background:var(--so-pk,#e8167a);transition:transform 7s cubic-bezier(.12,.75,.2,1)}.so-bar i:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent) 0 0 /40% 100% no-repeat;animation:so-shine 1.3s linear infinite}.so-sk{display:flex;flex-direction:column;gap:0;color:var(--so-ink)}.so-sk__eyebrow{margin-bottom:4px;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--so-mut)}.so-sk__title{margin:0 0 24px;animation:so-in .35s backwards}.so-sk__line{display:block;width:260px;max-width:70%;height:46px;margin:4px 0 24px;border-radius:12px;background:linear-gradient(100deg,var(--so-tint) 30%,var(--so-line) 50%,var(--so-tint) 70%) 0 0 /300% 100%;animation:so-shine 1.4s linear infinite}.so-sk__steps{display:flex;gap:10px}.so-sk__steps span{flex:1;display:flex;align-items:center;gap:12px;height:46px;padding:0 10px;border-radius:99px;background:var(--so-tint);font-weight:800;color:var(--so-mut);white-space:nowrap;overflow:hidden}.so-sk__steps span.is-on{flex:.9;box-shadow:inset 0 0 0 2px var(--so-pk);background:var(--so-card);color:var(--so-ink)}.so-sk__steps b{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:var(--so-card);font-size:14px}.so-sk__steps .is-on b{background:var(--so-pk);color:#fff}.so-sk__steps em{font-style:normal}.so-sk__cards{display:flex;justify-content:center;gap:16px;padding:20px 0 0;min-height:400px}.so-sk__card{position:relative;width:272px;aspect-ratio:9/16;max-height:480px;overflow:hidden;border-radius:22px;border:6px solid #16131b;background:linear-gradient(100deg,#1f1b25 30%,#2c2733 50%,#1f1b25 70%) 0 0 /300% 100%;animation:so-shine 1.4s linear infinite,so-in .45s backwards;animation-delay:0s,calc(var(--i) * 80ms)}.so-sk__card img{width:100%;height:100%;object-fit:cover;animation:so-in .4s backwards}.so-sk__bar{position:sticky;bottom:12px;z-index:5;display:flex;flex-direction:column;gap:14px;align-items:stretch;margin-top:-60px;padding:22px 26px;border-radius:26px;background:var(--so-card);box-shadow:0 0 0 1px var(--so-line),0 24px 50px -30px rgba(22,19,27,.5);animation:so-in .45s .08s backwards}.so-sk__bar .so-steps{justify-content:flex-start}.so-sk__line--s{width:180px;height:26px;margin:0}.so-sk__line--track{width:100%;max-width:none;height:12px;margin:0}::view-transition-old(.so-hold){animation:so-hold-out .2s ease-in .3s both}@keyframes so-hold-out{to{opacity:0}}@media (max-width:760px){.so-sk__steps span:not(.is-on){flex:none;width:46px;justify-content:center;padding:0}.so-sk__steps span:not(.is-on) em{display:none}.so-sk__cards{min-height:0}.so-sk__card{width:min(216px,56vw)}.so-sk__bar{margin-top:-40px;padding:18px 16px}.so-step{font-size:15px}}@media (prefers-reduced-motion:reduce){::view-transition-old(.so-hold){animation:none}.so-bar *,.so-sk,.so-sk *,.so-stack *,.so-steps *{animation:none!important;transition:none!important}.so-spin{border-top-color:rgba(232,22,122,.25)}}