.ss{margin:0}@keyframes ss-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes ss-line{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:no-preference){html:not(.no-js) .ss:not(.is-in) .ss-a{opacity:0}.ss.is-in .ss-a{animation:ss-in .5s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i, 0) * .35s)}html:not(.no-js) .ss-loop:not(.is-in) .ss-track:before{transform:scaleX(0)}.ss-loop.is-in .ss-track:before{animation:ss-line 2.1s ease-out both}}.ss-loop{border:1px solid var(--night-line);border-radius:var(--r-l);background:var(--night);color:var(--on-night);padding:clamp(18px,2.6vw,30px)}.ss-track{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.ss-track:before{content:"";position:absolute;top:20px;left:8%;right:8%;height:2px;background:linear-gradient(90deg,#5b8def,#34c38f);transform-origin:left}.ss-step{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}.ss-dot{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--night-2);border:2px solid #5b8def;color:#8fd6ff}.ss-step b{margin-top:4px;color:#fff;font-size:var(--t-0);letter-spacing:-.01em}.ss-s{font-size:.84rem;line-height:1.4;color:var(--on-night-2)}.ss-status{margin-top:auto;padding:4px 9px;border-radius:8px;font:500 .74rem/1.3 var(--mono);background:var(--night-2);border:1px solid var(--night-line);color:var(--on-night)}.ss-status--warn{color:#ffb0aa;border-color:hsla(4,100%,83%,.35)}.ss-status--go{color:#7ee2b0;border-color:rgba(126,226,176,.35)}.ss-history{display:flex;align-items:center;gap:10px;margin-top:20px;padding:12px 16px;border-radius:var(--r-m);border:1px dashed var(--night-line);font-size:.9rem;color:var(--on-night-2)}.ss-history svg{flex:none;color:#8fd6ff}.ss-history b{color:#fff}.ss-cap{margin-top:12px;font-size:var(--t-xs);color:var(--on-night-2)}@media (max-width:980px){.ss-track{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:22px}.ss-track:before{display:none}}@media (max-width:560px){.ss-track{grid-template-columns:minmax(0,1fr)}.ss-step{display:grid;grid-template-columns:40px minmax(0,1fr);-moz-column-gap:12px;column-gap:12px;row-gap:4px;align-items:start}.ss-dot{grid-row:1/span 3}.ss-step b{margin-top:0}.ss-status{justify-self:start}}